以一个添加input框为例
data() {
return {
items:[null],
itemList: [null],
}
}
<template>
<div>
<button @click="add">添加</button>
<input v-for="(item , index) in items" :key="index" v-model="itemList[index]" placeholder="请填入"><input>
</div>
</template>
methods:{
add(){
this.items.push(null);
this.itemList.push(null);
}
}
通过对循环数组的操作,进而实现节点的增加或删除,同时也可以获取数据