新的数据到阵列

我想有三个输入数据添加到每个数据数组。新的数据到阵列

输入如下:

<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

回到顶部