vue 动态添加 多项目 表单_vue如何动态增加表单，点击增加，多一行，并且可以删除。...

这里的数据是这样来的！

之前写过类似的是可以增加删除的，因为没有那么层。这个数据复杂起来我就不行了。在线求助各位大佬

-------------------------分隔线---------------------------------------------

问题已经解决，因为我在同个页面其他地方也用得到这个方法，所以我直接写了个公用增加删除方法。//这里的item.link 是 form2.honor.link

v-model="scope.row.name"

size="mini"

placeholder="友情链接"

style="width: 100%;"

autocomplete="off"

>

v-model="scope.row.url"

size="mini"

placeholder="网址"

style="width: 100%;"

autocomplete="off"

>

-

```

size="mini"

@click="addArrt({to:'form2',index:index,name:'honor',key:'link',value:{name: '',url:'',old_flower:false}})"

>+

//添加

addArrt(data) {

if (!this[data.to][data.name][data.index][data.key]) {

Vue.set(this[data.to][data.name][data.index], data.key, []);

}

console.log(this[data.to][data.name][data.index][data.key])

Vue.set(

this[data.to][data.name][data.index][data.key],

this[data.to][data.name][data.index][data.key].length,

data.value

);

console.log(this[data.to][data.name][data.index][data.key])

},

//删除

delArrt(data) {

Vue.delete(this[data.to][data.name][data.index][data.key], data.vindex);

},

```

记得 `

import Vue from 'vue';