因为我想做一个自动生成表单的组件,然后绑定初始值时,希望通过对象的层级关系去绑定v-model,这样最后提交的数据,也将是带有层级的对象数据。 相关代码 <template> <el-form ref="form" :model="form" label-width="80px"> <el-form-item label="即时配送"> <el-switch v-model="form.delivery.value" /> ...
对于更复杂的数据结构,你可以使用 Vue 的 v-bind:value(或简写为 v-model)来绑定到一个具体的路径。你需要创建一个计算属性来实现这个功能。 以下是你的代码的修改版本: <template> <el-input v-model="getValue(key)"></el-input> </template> export default { data() { return { processInfo: { ...
:label="item.parameterName" :key="index"> <el-input v-model="permissonList.bizContent[item.parameterName]" style="width: 560px" placeholder="请输入内容" /> </el-form-item> </el-form> data() { return { formDatabase: {}, //多个数组传参 permissonList: { interfaceId: null, bizCont...
因为我想做一个自动生成表单的组件,然后绑定初始值时,希望通过对象的层级关系去绑定v-model,这样最后提交的数据,也将是带有层级的对象数据。 相关代码 <template> <el-form ref="form" :model="form" label-width="80px"> <el-form-item label="即时配送"> <el-switch v-model="form.delivery.value" /> ...
在Vue.js 2 中,v-model 指令的工作方式是,它需要一个在组件实例中存在的属性(或计算属性)来进行双向数据绑定。在你的例子中,你试图绑定到 processInfo[key],但是这并不会工作,因为 processInfo[key] 并不是一个存在的属性或计算属性。这就是为什么你的代码没有按预期工作的原因。 对于更复杂的数据结构,你可...