微信小程序按钮禁用怎么办？

　　有很多开发者向小编咨询，说是开发出来的小程序测试的时候，如果多次点击某个按钮，小程序就会没反应，这应该是系统禁用按钮了。那么微信小程序按钮禁用之后怎么办呢?大家需要重新设置一下小程序按钮。以下是操作方法：　

　　注：button-hover 默认为{background-color: rgba(0, 0, 0, 0.1); opacity: 0.7;}

　　效果图：

　　ml:

　　disabled="{{disabled}}" bindtap="setDefault"

　　hover-class="other-button-hover" class="margin-button"> default

　　disabled="{{disabled}}" bindtap="setPrimary" hover-class="none" class="margin-button"> primary

　　disabled="{{disabled}}" bindtap="setWarn" hover-class="button-hover" class="margin-button"> warn

　　点击设置以上按钮disabled属*

　　点击设置以上按钮plain属*

　　点击设置以上按钮loading属*

　　点击设置以上按钮size属*

　　ss：

　　/** wxss **/

　　/** 修改button默认的点击态样式类**/

　　.button-hover {

　　background-color: yellow;

　　opacity: 0.7;

　　}

　　/** 添加小程序自定义button点击态样式类**/

　　.other-button-hover {

　　background-color: green;

　　opacity: 0.7;

　　}

　　.margin-button{

　　margin-top: 10px;

　　}

　　js:

　　var pageObject = {

　　data: {

　　defaultSize: 'default',////有效值 default, mini

　　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

　　})

　　},

　　//设计按钮名称前是否带 loading 小程序图标

　　setLoading: function(e) {

　　this.setData({

　　loading: !this.data.loading

　　})

　　},

　　//设计按钮的大小

　　setSize:function(){

　　this.setData({

　　defaultSize: this.data.defaultSize=='default' ? 'mini' : 'default',////有效值 default, mini

　　primarySize: this.data.defaultSize=='default' ? 'mini' : 'default',

　　warnSize: this.data.defaultSize=='default' ? 'mini' : 'default',

　　})

　　},

　　setDefault:function(){

　　console.log('setDefault....')

　　},

　　setWarn:function(){

　　console.log('setWarn....')

　　},

　　setPrimary:function(){

　　console.log('setPrimary....')

　　},

　　}

　　Page(pageObject)

　　参照以上方法，对小程序按钮重新进行设置之后，大家就可以解决微信小程序按钮禁用这个问题了，是不是对大家有所帮助呢?在微信小程序商店还可以获取更多实用的资料。

　　微信小程序悬浮菜单按钮怎么实现?

　　小程序监听关闭按钮实例及开发说明

　　微信小程序设置返回按钮怎么实现?