小程序开发——动态改变按钮背景颜
⼩程序开发——动态改变按钮背景颜⾊
在wxss⽂件中可以简单地设置button的背景颜⾊和各种样式，然⽽，这样的样式设计不能够动态改变。那么，如何动态改变控件的样式呢？下⾯以button为例来介绍。
此⽅法不⽤修改wxss⽂件，⾸先，在js⽂件中定义⼀个初始化边变量并给他赋初始化值（⽐如color:'white'），此变量会在wxml⽂件中调⽤和修改值。
data: {
color1:'white'
},
在wxml⽂件中，添加⼀个button控件，⽤style设置其样式：
<button bindtap="doing" ></button>
重要的是，在设置background-color时，⽤到了{{color1}}调⽤在js⽂件中定义的color1。
然后，在js⽂件中定义按钮的点击函数“doing”，
约定歌词doing:function(){
this.setData({color1:'red'})
},
这样，在点击此按钮之后，按钮的背景⾊会⼀直显⽰‘red’。
工商管理专业怎么样类似的，此⽅法可以实现多个按钮之间，相互改变颜⾊。
js⽂件：
data: {
color1:'white',
经营游戏
color2:'white',
color3:'white'
},
undo:function(){
this.setData({color1:'red',color2:'white',color3:'white'})单身证明范本
},
doing:function(){
this.setData({color1:'white',color2:'red',color3:'white'})
先进制造技术的特点
},
did:function(){
this.setData({color1:'white',color2:'white',color3:'red'})
}
wxml⽂件：
<button bindtap = "undo" ></button>
<button bindtap="doing" ></button>
教师节祝福语大全<button bindtap="did" ></button>

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。