微信小程序 - 更改button状态

 

 

wxml

<button class='yes-orders' style='{{status_css}}' bindtap='clickExpress'>
    {{statusOrders}}
  </button>

 

 

js

Page({

  /**
   * 页面的初始数据
   */
  data: {
    isactive: true
  },
  /**
   * 确定接单/取消接单
   */
  clickExpress(e) {
    let page = this;
    page.data.isactive ? page.setData({
      statusOrders: '取消接单',
      status_css: 'background-color:#FD0100;'
    }) : page.setData({
      statusOrders: '确定接单',
      status_css: 'background-color:#00B100;'
    })
    page.data.isactive = !page.data.isactive
  }
})