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

发表于 分类于 ， ， 阅读时长 ≈ 1 分钟

一 状态对比

Normal状态 Warn状态

二 示例

2.1 布局文件(button.wxml)

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

2.2 逻辑文件

1
2
3
4
5
6
7
8
Page({
  data: {
    isactive: true
  },
  buttonClick() {
    this.setData({isactive: !this.data.isactive})
  },
})

2.3 效果图

三 参考

  • CSDN下载-示例代码