vue 修改数组中某个对象的属性

本文讨论了在Vue2和Vue3中如何修改数组中对象的属性,特别是当涉及到Vue的响应式系统时。举例说明了Vue3中可以直接修改对象属性而无需特殊方法,而在Vue2中需要使用特定方式来确保页面更新。同时,文章通过一个uniapp的场景,展示了错误的直接修改数组元素属性导致页面无法响应变化的问题,并提供了正确的更新数组元素属性的方法。
摘要由CSDN通过智能技术生成

比如要有如下数组

data() {
  return {
    certificateData: [
      {
        name: 'xxx',
        type: '环境证书',
        imgs:[{url: 'xxxx.png']
      },
      {
        name: 'yyy',
        type: '安全证书',
        imgs:[{url: 'yyy.png'}]
      }
    ]
}

修改对象中 imgs属性

/// index为索引
this.$set(this.certificateData, index, {
    ...this.certificateData[index],
    imgs: [{url:'zzz.png;}]
});

上面那种改法是vue2的,vue3似乎不需要了。。。文档都看不清,哈哈哈

 

寻常改法就行了。

 增加属性也是一样,

elem.selectedQty = 1;

直接增加属性,照样是响应式的。

没必要用下面的方法,哈哈哈

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值