這篇文章給大家介紹怎么在vue中利用遍歷生成一個(gè)輸入框，內(nèi)容非常詳細(xì)，感興趣的小伙伴們可以參考借鑒，希望對(duì)大家能有所幫助。

在斗門等地區(qū)，都構(gòu)建了全面的區(qū)域性戰(zhàn)略布局，加強(qiáng)發(fā)展的系統(tǒng)性、市場(chǎng)前瞻性、產(chǎn)品創(chuàng)新能力，以專注、極致的服務(wù)理念，為客戶提供成都網(wǎng)站設(shè)計(jì)、做網(wǎng)站 網(wǎng)站設(shè)計(jì)制作按需求定制開發(fā),公司網(wǎng)站建設(shè),企業(yè)網(wǎng)站建設(shè),高端網(wǎng)站設(shè)計(jì),成都全網(wǎng)營銷推廣,外貿(mào)網(wǎng)站制作,斗門網(wǎng)站建設(shè)費(fèi)用合理。

思路

獲取生成的輸入框數(shù)量

初始化數(shù)組，數(shù)組的長度與待綁定輸入框數(shù)量一致

將每一個(gè)輸入框的v-model與數(shù)組特定項(xiàng)進(jìn)行綁定

實(shí)現(xiàn)代碼

1.data中定義一個(gè)存放model值的空數(shù)組

data() {
  return {
    inputData :[]
  }
}

2.將獲取到的數(shù)組遍歷，將獲取到的值插入空數(shù)組

res.data.rows.map(v. => {
      this.inputData.push(v.desc)
    })

3.在template模板代碼的輸入框通過索引綁定數(shù)組的特定項(xiàng)

關(guān)于怎么在vue中利用遍歷生成一個(gè)輸入框就分享到這里了，希望以上內(nèi)容可以對(duì)大家有一定的幫助，可以學(xué)到更多知識(shí)。如果覺得文章不錯(cuò)，可以把它分享出去讓更多的人看到。

網(wǎng)站名稱：怎么在vue中利用遍歷生成一個(gè)輸入框-創(chuàng)新互聯(lián)
當(dāng)前網(wǎng)址：http://weahome.cn/article/jojsg.html