有一個(gè)實(shí)現(xiàn)動(dòng)態(tài)表單的需求,我是這樣實(shí)現(xiàn)的<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)
}通過(guò)動(dòng)態(tài)添加arr可以實(shí)現(xiàn)表單動(dòng)態(tài)生成。但是如果是填寫(xiě)后的input,刪除填寫(xiě)2的表單之后,arr長(zhǎng)度變成1,填寫(xiě)2的表單還在,填寫(xiě)3的表單不見(jiàn)了,有什么好的方法解決這個(gè)問(wèn)題嗎?
1 回答

ITMISS
TA貢獻(xiàn)1871條經(jīng)驗(yàn) 獲得超8個(gè)贊
index做key會(huì)存在這個(gè)問(wèn)題,當(dāng)你刪除再添加的時(shí)候,就會(huì)出現(xiàn)key重復(fù)的情況
添加回答
舉報(bào)
0/150
提交
取消