添加用户信息

章志军

  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；
    },
}