字段不清空 或者完全没效果

检查:

  1. el-form 是否绑定model,带有ref,并且绑定的是同一数组。
     <el-form :rules="rules" ref="form" :model="form">
  1. 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里

检查

  1. el-dialog的关闭弹窗事件与取消事件是否相同
    在这里插入图片描述

2.还不生效可以使用$nextTick

     this.$nextTick(() => {
        this.$refs[form].resetFields();
     });
Logo

基于 Vue 的企业级 UI 组件库和中后台系统解决方案,为数万开发者服务。

更多推荐