数组的新数据

问题描述 投票:0回答:1

我想有三个输入,为每个数据数组添加数据。

输入看起来像这样:

<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方法应该是什么样的?我无法推动特定的维度。我只是设法添加新的。

如果有人能帮助我,我很高兴:)

vue.js
1个回答
2
投票

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

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

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

© www.soinside.com 2019 - 2024. All rights reserved.