vue 的v-for 中v-model綁定數據並拿到這些數據

    <div style v-for=" (item,index) in car" :key="index">
                    <div style="height:40px;line-height: 40px; text-align: left;">
                      <i
                        style="font-size:15px;color:#666;margin-left: 25px;"
                      >車道{{item<10?"0"+item:item}}名稱:&nbsp;&nbsp;</i>
                      <el-input
                        style="width:180px;"
                        v-model="land[index].land"
                        
                        size="mini"
                        placeholder="請輸入內容"
                        
                      ></el-input>
                    </div>

//在land數組中沒有land這一項,當你在input中填入內容的時候,在提交時打印可以看出land的值,因爲我的 
// car數組是固定的個數,所以我的band只是爲了確定哪一個input的值

export default {
  data() {
    return {
 land:[
        { band: '1' },
        { band: '2' },
        { band: '3' },
        { band: '4' },
        { band: '5' }],
       
}}}

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章