Question

我想有三个输入，可以为每个数据数组添加数据。

输入看起来像这样：

<input type="range" min="0" max="10" step="1" v-model="newData">{{ newData }}
<button @click="addData(newData, 'first')">Add</button>

和脚本

const app = new Vue({
  el: '#app',
  data: {
    newData: 5,
    dimensions: [
    {
      title: 'first',
      data: [0, 2, 5, 9, 5, 10, 3, 5, 0, 0, 1, 8, 2, 9, 0]
    },
    {
      title: 'second',
      data: [1, 3, 8, 1, 2, 3, 3, 3, 5, 1, 9, 2, 4, 6, 0]
    },
    {
      title: 'third',
      data: [6, 1, 6, 1, 2, 5, 3, 9, 5, 1, 0, 2, 4, 4, 10]
    }]
  },
  methods: {
    addData() {
      ???
    }
  }
})

我的addData方法应该是什么类型的？我无法推动特定的维度。我只是设法添加新的。

如果有人能帮助我，我很高兴：）

Answer 1

更改您的addData()方法以接受两个参数，即要推送的数据和维度。然后它应该如下所示：

addData(mData, mDimension) {
  this.dimensions.forEach((dimension) => {
    if (dimension['title'] === mDimension) {
      dimension['data'].push(parseInt(mData));
    }
  });
}

不要忘记在方法调用中传递数据和维度。

数组的新数据

1 个答案: