小编Edd*_*don的帖子

如何使用 Vue.js 向数组(数据)中的所有对象添加属性?

背景:我在 data() 中有一个数组,其中填充了来自后端的对象。如果 GET 请求检索 6 个对象,这 6 个对象将在数组中更新。

问题:我已经了解需要 vm.$set 来向对象添加属性。但是如何为数组中的所有对象添加属性呢?

我想改变:

 data() {
    return {
      expenseButton: [{key:value},{key:value},{key:value}]
         };
  }

Run Code Online (Sandbox Code Playgroud)

data() {
    return {
      expenseButton: [{key:value, key2:value2},{key:value, key2:value2},{key:value, key2:value2}]
         };
  }
Run Code Online (Sandbox Code Playgroud)

将 newValue 记录为数组而不是每个对象中的属性的尝试失败

  methods: {
    check() {
      this.$set(this.expenseButton, "newValue", this.expenseButton.newValue);
      console.log(this.expenseButton);
    }
  },
Run Code Online (Sandbox Code Playgroud)

更新 如何通过 vm.$set 定位数组中的所有对象,以便所有对象都有一个名为“newValue”的新属性

 data() {
    return {
      expenseButton: [{key1:value1},{key2:value2},{key3:value3}]
         };
  }

Run Code Online (Sandbox Code Playgroud)

 data() {
    return {
      expenseButton: [{key1:value1,newValue: ''},{key2:value2, newValue: ''},{key3:value3, newValue: ''}]
         };
  }

Run Code Online (Sandbox Code Playgroud)

javascript arrays vue.js axios vuejs2

3
推荐指数
1
解决办法
5954
查看次数

标签 统计

arrays ×1

axios ×1

javascript ×1

vue.js ×1

vuejs2 ×1