Vue 2 修改数组对象属性:使用 $set 方法

要修改数组对象内的某个属性,可以使用 Vue 的 $set 方法。以下是一个示例代码:

// 假设有一个数组对象
data() {
  return {
    items: [
      { id: 1, name: 'Item 1' },
      { id: 2, name: 'Item 2' },
      { id: 3, name: 'Item 3' }
    ]
  }
}

// 修改数组对象内的某个属性
methods: {
  updateItemName(index, newName) {
    this.$set(this.items[index], 'name', newName);
  }
}

在上面的代码中,updateItemName 方法接收两个参数:index 表示要修改的对象在数组中的索引,newName 表示要更新的新属性值。然后,通过 this.$set 方法,将 name 属性的值更新为 newName。这样就能实现修改数组对象内某个属性的功能。

Vue 2 修改数组对象属性:使用 $set 方法

原文地址: https://www.cveoy.top/t/topic/mCCK 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录