el-form-item遍历form对象,如何绑定属性,能正常的输入
时间: 2023-05-18 21:03:52 浏览: 636
el-table,el-form在vue中封装组件化,含操作按钮和插槽.pdf
5星 · 资源好评率100%
您可以使用 v-for 指令来遍历 form 对象中的 el-form-item,然后使用 v-bind 指令来绑定属性。例如:
<el-form :model="form">
<el-form-item v-for="(value, key) in form" :key="key" :prop="key">
<el-input v-model="form[key]" :placeholder="key"></el-input>
</el-form-item>
</el-form>
在上面的代码中,我们使用 v-for 指令来遍历 form 对象中的每个属性,然后使用 v-bind 指令来绑定 el-form-item 的 prop 属性,这样就可以将每个属性与表单项关联起来。同时,我们还使用了 v-model 指令来将表单项的值与 form 对象中的属性值进行双向绑定,这样就可以实现正常的输入功能。
阅读全文