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' }],
       
}}}

 

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