把下面的$refs和表单ref名字保持一致就行了。

ref="loginForm"
this.$refs.loginForm.validate(valid => {   })

如果关闭 dialog 弹窗,表单验证还在?
在这里插入图片描述
给 dialog 添加 before-close 事件,

<el-dialog :title="templateTitel" :visible.sync="dialogTableVisible" width="480px" lable-width: :before-close="closeDialog">
    <el-form :model="uploadTemplate" :rules="templateRule" ref="uploadTemplate">
    	<el-form-item label="模板名称" prop="name" class="form_item">
            <el-input clearable v-model="uploadTemplate.name" size="small" placeholder="请输入模板名称" style="width:100%"></el-input>
       	</el-form-item>
		<div slot="footer" class="dialog-footer">
		  	<el-button @click="closeDialog">取 消</el-button>
		  	<el-button type="primary" @click="saveTemplate()">确 定</el-button>
		</div>
	</el-form>
</el-dialog>

methods: {
      closeDialog(){
	      this.$refs.uploadTemplate.resetFields();
	      this.dialogTableVisible = false;
    },
}

Logo

前往低代码交流专区

更多推荐