問題描述

小程序把狀態(tài)改變后view沒有做到相應的改變怎么辦？

問題出現(xiàn)的環(huán)境背景及自己嘗試過哪些方法

如果把 ‘true’判斷單獨為數(shù)組可以

相關代碼

view

<block wx:for="{{list}}" wx:key="id">

<view class='keys-box'>
  <text class='keyTop'>{{item.page}}</text>
  <view class='keys_ul_content'>
    <block wx:for="{{item.pages}}" wx:key="id" wx:for-item="page">
      <view class="item-text {{page.state ? 'active':'' }}" data-index="{{index}}" bindtap="{{item.mun === 0 ? 'bindViewTap' : 'bindTap' }}" >
        {{page.name}} 
        {{page.state}}         
      </view>
    </block>
  </view>
</view>

</block>

數(shù)組

list: [{

  page: "未出貨異常",
  mun:0,
  pages: [{
    name: "未出貨異常",
    state: true
  }, {
    name: "商品卡住了",
    state: false
  }, {
    name: "商品未出貨",
    state: false
  }, {
    name: "其他",
    state: false
  }]
}, {
  page: "機器異常",
  mun: 1,
  pages: [{
    name: "機器損壞",
    state: false
  }, {
    name: "機器異常不出貨",
    state: false
  }, {
    name: "售貨機缺貨",
    state: false
  }, {
    name: "商品信息有誤",
    state: false
  }, {
    name: "其他",
    state: false
  }]
}],

js

bindViewTap: function(e) {

var that = this;
let index = e.target.dataset.index;
var state = that.data.list[0].pages[index].state;
var updateStatusArr = that.data.list[0].pages.slice(0);
updateStatusArr[index].state = !state
that.setData({
  state: updateStatusArr
})
console.log(state)

},

結果

js已經(jīng)改變但是頁面一直沒變