代碼如下,遇到的問題就是,我在輸入框輸入的時(shí)候,每輸入一次,輸入框就自動(dòng)失去焦點(diǎn)了。ps:實(shí)現(xiàn)的功能是,每點(diǎn)擊一次添加按鈕,然后就會(huì)為list對(duì)象的name數(shù)組添加一個(gè)對(duì)象,這個(gè)時(shí)候就會(huì)生成一個(gè)新的input,在這個(gè)input輸入就會(huì)遇到如上問題 <div class="addTags" v-for="(item,index) in list.name" :key="item.data">
<input type="text" v-model="item.data">
</div>
<span class="add" @click="addData()">+請(qǐng)?zhí)砑?lt;/span>
data() {
return: {
list: {
name: []
}
}
},
methods: {
addData() {
this.list.name.push({data:''})
}
}
1 回答

PIPIONE
TA貢獻(xiàn)1829條經(jīng)驗(yàn) 獲得超9個(gè)贊
問題在于:key=’item.data',input數(shù)據(jù)綁定后進(jìn)行模型更新后,div的屬性要刷新,進(jìn)行渲染后就重新刷新的input。如果你是要在代碼中找div,建議你直接找input的父節(jié)點(diǎn)的方式,而不要用子節(jié)點(diǎn)綁定的數(shù)據(jù)給父節(jié)點(diǎn)的屬性賦值。
添加回答
舉報(bào)
0/150
提交
取消