微信小程序开发之——改变Button的状态

一 状态对比

Normal状态	Warn状态

二 示例

2.1 布局文件(button.wxml)

<button type="{{isactive?'primary':'warn'}}" bindtap="buttonClick">{{isactive?'确认':'取消'}}</button>

2.2 逻辑文件

Page({
  data: {
    isactive: true
  },
  buttonClick() {
    this.setData({isactive: !this.data.isactive})
  },
})

2.3 效果图

三 参考

• CSDN下载-示例代码