在el-form中v-model如何绑定对象里的对象的属性值
时间: 2023-06-05 20:08:00 浏览: 574
浅谈vue中关于checkbox数据绑定v-model指令的个人理解
5星 · 资源好评率100%
对于您的问题,我可以提供以下回答:
在el-form中,您可以使用插值表达式将v-model绑定到对象的对象属性值,如下所示:
```
<template>
<el-form :model="formData">
<el-form-item label="姓名">
<el-input v-model="formData.user.name"></el-input>
</el-form-item>
<el-form-item label="年龄">
<el-input v-model="formData.user.age"></el-input>
</el-form-item>
</el-form>
</template>
<script>
export default {
data() {
return {
formData: {
user: {
name: '',
age: ''
}
}
}
}
}
</script>
```
在上面的示例中,我们将el-input的v-model绑定到formData对象的user属性下的name和age属性,这样就可以在表单中编辑对象里的对象属性值了。
希望可以帮到您。
阅读全文