一个list怎么用$set去新增一个属性

  • Z时代
  • 2024-02-07
  • 分类：IT

一个list怎么用$set去新增一个属性

我用list遍历一个列表，每个列表有一个checkbox但是动态绑定checkbox不生效 原因大概是这样 请问怎么用$set去为list每一项新增一个check:false 属性

<u-checkbox-group>
   <u-swipe-action v-for="(item, index) in bankCard" :key="index">
    <view class="type-box">
     <view style="width: 100%;">
      <view class="bank-card-box">
       <view>{{item.bankName}}</view>
      <view style="width:30%;">
       <u-checkbox size="34rpx" shape="square" active-color="#008FBA" v-model="item.flag" />
      </view>
      </view>
     </view>
    </view>
   </u-swipe-action>
</u-checkbox-group>
getList() {
    this.$u.api.subject.List().then(res => {
     this.bankCard = JSON.parse(decrypt(res))
     this.bankCard.forEach(item => {
        // item.check = false // 这样设置不响应
        this.$set() // 请问这边怎么为每项item设置一个 check:false属性
     })
    })
   },

回答：

其实你应该在一开始的时候直接赋上值：

this.bankCard = JSON.parse(decrypt(res)).map(e => Object.assign({ check: false }, e));

回答：

getList() {
    this.$u.api.subject.List().then(res => {
      this.bankCard = JSON.parse(decrypt(res))
      this.bankCard.forEach(item => {
          item.check = false // 继续这样设置
      })
      // 更新数组某个元素的值后，可以通过下面的写法触发Vue的更新
      this.bankCard = [...this.bankCard]
    })
},

以上是 一个list怎么用$set去新增一个属性 的全部内容， 来源链接： utcz.com/p/936393.html

回到顶部