addUsers(){
this.$refs.addFormRef.validate(
async aaaass =>{
if(!aaaass) return
const{data:res} = await this.$http.post('users', this.addForm)
if( res.meta.status !== 201 ){
return this.$message.success('添加用户失败')
}
this.$message.success('添加用户成功')
//关闭对话框
this.addUserDialog = false
//重新获取数据列表
this.getUserList()
});
}

把下面的$refs和表单ref名字保持一致就行了。
Vue 表单验证报错 -- Cannot read property 'validate' of undefined
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;
},
}