在el-form中新增一个伪字段
时间: 2023-05-21 11:01:48 浏览: 127
vue 添加和编辑用同一个表单,el-form表单提交后清空表单数据操作
可以通过在 el-form 中添加一个 hidden 类型的表单项来实现伪字段的效果,代码如下:
<el-form :model="form" ref="form" label-width="80px">
<el-form-item label="真实字段">
<el-input v-model="form.realField"></el-input>
</el-form-item>
<el-form-item label="伪字段" v-show="false">
<el-input v-model="form.fakeField"></el-input>
</el-form-item>
<el-form-item>
<el-button type="primary" @click="submitForm">提交</el-button>
</el-form-item>
</el-form>
在上面的代码中,我们添加了一个 v-show="false" 的 el-form-item,使其不可见。这个表单项的类型是 el-input,可以通过 v-model 绑定到 form 对象的 fakeField 属性上,从而实现伪字段的效果。在提交表单时,我们只需要提交真实字段即可。
注意:这里的代码仅供参考,具体实现方式可能因项目需求而异。
阅读全文