有一個實現動態表單的需求,我是這樣實現的<template>
<div class="container">
<div class="form-gtoup">
<input type="text" name="" id=""><button @click="addItem">add</button>
</div>
<div class="form-gtoup" v-for="(item,index) in arr" :key="index">
<input type="text" name="" id=""><button @click="minusItem(index)">minus</button>
</div>
</div></template>export default {
data() {
return {
arr:[]
};
},
methods: {
addItem () {
this.arr.push('')
},
minusItem (index){
this.arr.splice(index, 1)
}通過動態添加arr可以實現表單動態生成。但是如果是填寫后的input,刪除填寫2的表單之后,arr長度變成1,填寫2的表單還在,填寫3的表單不見了,有什么好的方法解決這個問題嗎?
添加回答
舉報
0/150
提交
取消