<div v-for="(item,index) in dataall" :key="index" > <el-form-item :label="dataall[index].name" :prop="dataall[index].id"> <el-input v-model="formdata." type="textarea"></el-input> </el-form-item> </div>中的v-model="formdata." 中的formdata参数是新增的不是写死的要怎么动态添加
时间: 2023-10-23 10:14:20 浏览: 86
VUE table表格动态添加一列数据,新增的这些数据不可以编辑(v-model绑定的数据不能实时更新)
要动态添加`formdata`中的属性,可以使用Vue.set方法。例如,假设需要动态添加一个名为`newProperty`的属性,可以这样写:
```
Vue.set(formdata, 'newProperty', '');
```
这样就可以在`formdata`对象中动态添加一个名为`newProperty`的属性,并且将其初始值设置为空字符串。然后在模板中,就可以使用`v-model`指令来绑定这个新添加的属性了:
```
<el-input v-model="formdata.newProperty" type="textarea"></el-input>
```
这样就可以实现在循环中动态添加表单项,并且实现表单数据的双向绑定了。
阅读全文