Vue为data中的空数组动态添加对象情况是这样的：在data中定义了⼀个数组list，⼀个对象obj，如下
data(){
return {
list: [],
obj: {
name: ‘’,
age:’’,
hobby: []
}
}
}
在操作动态往list中push obj 的，并使⽤list循环表单元素。如下
for (let index = 0; index <3; index++) {
this.list.push(this.obj);
}
以上的⽅式在循环中导致v-model⼀直是相同的，原因是push进数组的都是同⼀个变量。
数组添加对象并是添加的对象⽀持双向响应的⽅法：
使⽤push：
for (let index = 0; index <3; index++) {
this.list.push({
vue逗号分割的字符串转数组
name: ‘’,
age:’’,
hobby: []
****});
}
使⽤splice：
for (let index = 0; index <3; index++) {
this.list.splice(index, 0, {
name: ‘’,
age:’’,
hobby: []
});
}
根本原因在于插⼊的对象，是否是在data中定义的。
⼜是⼀个坑⾃⼰的神操作╮(╯▽╰)╭

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。