微信小程序點擊列表添加 去除屬性


首先說一下場景:我所循環的數據是對象數組,設置了一個屬性當作標記,通過這個標記的值判斷是否給改元素添加樣式

wxml:

<view>
      <view wx:for="{{list}}" wx:key="num" class="list" >
        <text bindtap='changColor'  data-index='{{index}}' class='{{item.check?"text-active":""}}' >| {{item.message}}</text>
      </view>
</view>

js:

/*
  這里獲取list是一個數組對象
  tomorrow: [
    {
      thing: '吃飯',
      check: false
    },
    {
      thing: '睡覺',
      check: false
    },
    { 
      thing: '打豆豆',
      check: false
    }
  ]
*/
changColor: function (e) { let index = e.currentTarget.dataset.index let arrs = this.data.list; if (arrs[index].check == false) { arrs[index].check = true; } else { arrs[index].check = false; } this.setData({ list: arrs }) },

核心在於修改對象屬性check的值,然后在元素渲染是根據值進行樣式的添加


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM