vue中v-model可以绑定数组里对象中的属性值吗

如题 vue中v-model如何绑定数组里对象中的属性值,求解

简单粗暴,循环里面的两种写法也都可以

<input v-model='arr[0].name' />
<div v-for='(item, index) in arr'>
  <input v-model='arr[index].name' />
  <input v-model='item.name' />
</div>

<script>
  export default {
    data(){
      return {
       arr:[{
         name:'小明'
        },{
         name:'小红'
        },{
         name:'小王'
        }] 
      }
    }
  }
</script>

可以的。。有帮助请点个采纳【右上角】,谢谢


<div id="app">
    <div v-for="item in arr">
        <input type="text" v-model="item.name" />
    </div>
</div>
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
<script>
    var vue=new Vue({
        el: '#app',
        data: {
            arr: [{ name: 'abc1' }, { name: 'abc2' }]
        }
    });

</script>

img

可以的,比如el-select下拉框,里面的数据大部分是从表里面查询出来的,通过循环赋值。

可以哦 比如循环一个表格的时候 每条数据需要有时间啊 等表单控件,肯定就要绑定对应的数组对象里的数据

可以v-model="obj.a";