vue循環input組件，動態綁定v-model

<div span="24" v-for="(item,index) in iptList">
    <FormItem :label="item.label">
        <Input placeholder="請輸入" v-model="item.key" :disabled="false"></Input>
    </FormItem>
</div>

data:
iptList:[
   {label:'位1',key:''},
   {label:'位2',key:''},
   {label:'位3',key:''},
   {label:'位4',key:''}
]
//你填寫的數據都會綁定在iptList里面，只要把iptList傳給后端即可

推薦閱讀更多精彩內容

• vue 自定義組件 v-model雙向綁定、 父子組件同步通信

  轉載自： https://www.cnblogs.com/gsgs/p/7294160.html 前言： 父子組件...

  胡儒清閱讀 913評論 0贊 2
• vue自定義組件上的v-model如何與子組件數據綁定

  寫插件的時候，好多時候子組件需要主動修改父組件的值，或者綁定。 這時候再用單純的父子組件通信顯得不合適，最好是讓父...

  傳奇狗閱讀 43,136評論 5贊 22
• 【vue】父子組件數據雙向綁定 v-model 和 sync

  在線演示代碼 v-model 語法糖 v-model 是官方封裝的指令，實現了父子組件的雙向數據綁定，其實是官方提...

  我的名字違規了閱讀 5,726評論 0贊 3
• 曼城日記-DAY77

  160908 臨行蘇格蘭的日子。 大概是幾天沒有運動，倦怠不已，下午專門去買了蛋糕，彌補了前一晚的遺憾。未吃的期待...

  XxXxXxN閱讀 237評論 1贊 1
• 《佛心女皇武則天》

  《佛心女皇武則天》 ——花雨劍俠 武則天親書《開經偈》 武則天取代大唐江山，做了女皇，日月當空，君臨天...

  張小貝_閱讀 719評論 2贊 1