如题 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>
可以的,比如el-select下拉框,里面的数据大部分是从表里面查询出来的,通过循环赋值。
可以哦 比如循环一个表格的时候 每条数据需要有时间啊 等表单控件,肯定就要绑定对应的数组对象里的数据
可以v-model="obj.a";