新的数据到阵列
我想有三个输入数据添加到每个数据数组。新的数据到阵列
输入如下:
<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方法是什么样的?我无法推到特定的层面。我只是设法添加一个新的。
我很高兴,如果有人能帮助我:)
回答:
更改addData()
方法接受两个参数,数据和其推维度。然后它应该如下所示:
addData(mData, mDimension) { this.dimensions.forEach((dimension) => {
if (dimension['title'] === mDimension) {
dimension['data'].push(parseInt(mData));
}
});
}
不要忘记在您的方法调用中传递数据和维度。
以上是 新的数据到阵列 的全部内容, 来源链接: utcz.com/qa/262427.html