微信小程序按钮点击事件，微信小程序按钮组件：button
微信小程序按钮点击事件，微信小程序按钮组件：button代码是什么?下面小编就来为大家讲解一下微信小程序按钮点击事件，微信小程序按钮组件：button。
示例代码：
/** wxss **/
/** 修改button默认的点击态样式类**/
.button-hover {
background-color: red;
}
/** 添加自定义button点击态样式类**/
.other-button-hover {
background-color: blue;
}
var types = ['default', 'primary', 'warn']
var pageObject = {
data: {
defaultSize: 'default',
primarySize: 'default',
warnSize: 'default',
disabled: false,
plain: false,
loading: false
},
setDisabled: function(e) {
this.setData({
disabled: !this.data.disabled
})
},
setPlain: function(e) {
this.setData({
plain: !this.data.plain
})
},
setLoading: function(e) {
this.setData({
loading: !this.data.loading
})
}
}
for (var i = 0; i < types.length; ++i) {
(function(type) {
pageObject[type] = function(e) {
var key = type + 'Size'
var changedData = {}
changedData[key] =
this.data[key] === 'default' ? 'mini' : 'default'
this.setData(changedData)
}
})(types[i])
}
Page(pageObject)
以上就是小编为大家整理的关于微信小程序按钮点击事件，微信小程序按钮组件：button的内容。更多更精彩的内容请持续关注小程序商店。
相关阅读：
举例说明微信小程序浮动按钮
如何申请门店小程序？
取消门店小程序怎么弄？