el-form表单重置resetForm()不生效问题
字段不清空 或者完全没效果检查:el-form 是否绑定model,带有ref,并且绑定的是同一数组。<el-form :rules="rules" ref="form" :model="form">el-form-item绑定prop<el-form-item label="商品状态" prop="enabled"><el-radio-group v-model="
·
字段不清空 或者完全没效果
检查:
- el-form 是否绑定model,带有ref,并且绑定的是同一数组。
<el-form :rules="rules" ref="form" :model="form">
- el-form-item绑定prop,且名称要与v-model绑定的参数一致。
<el-form-item label="商品状态" prop="enabled">
<el-radio-group v-model="form.enabled">
<el-radio label="true">上架</el-radio>
<el-radio label="false">下架</el-radio>
</el-radio-group>
</el-form-item>
<el-form-item label="商品名称" prop="name">
<el-input v-model="form.name" placeholder="请输入商品名称"></el-input>
</el-form-item>
然后使用校验
this.$refs[form].resetFields();
如果是在el-dialog里
检查
- el-dialog的关闭弹窗事件与取消事件是否相同
2.还不生效可以使用$nextTick
this.$nextTick(() => {
this.$refs[form].resetFields();
});
更多推荐
已为社区贡献1条内容
所有评论(0)