這篇文章給大家介紹怎么在vue中利用遍歷生成一個輸入框，內容非常詳細，感興趣的小伙伴們可以參考借鑒，希望對大家能有所幫助。
思路
獲取生成的輸入框數量
初始化數組，數組的長度與待綁定輸入框數量一致
將每一個輸入框的v-model與數組特定項進行綁定
實現代碼
1.data中定義一個存放model值的空數組
data() {
return {
inputData :[]
}
}2.將獲取到的數組遍歷，將獲取到的值插入空數組
res.data.rows.map(v. => {
this.inputData.push(v.desc)
})3.在template模板代碼的輸入框通過索引綁定數組的特定項
<el-input v-model="inputData[index]" placeholder="請輸入內容" clearable size="small" />
關于怎么在vue中利用遍歷生成一個輸入框就分享到這里了，希望以上內容可以對大家有一定的幫助，可以學到更多知識。如果覺得文章不錯，可以把它分享出去讓更多的人看到。
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
