element ui提交表单返回成功后自动清空表单的值的实现代码_vue.js_

this.loginForm = { name:'', username:'', password:'', confirm: '', department: '', phone: '' } 

this.$nextTick(() => { if(this.$refs.loginForm){ //this.$refs.addForm.clearValidate(); this.$refs.loginForm.resetFields();//个人喜爱。clearValidate有时候验证清不掉，具体原因暂时没找到 } }) 

 register(){ if (this.loginForm.password !== this.loginForm.confirm) { this.$message({ type: "error", message: '2次密码输入不一致！' }) return } this.$refs['loginForm'].validate((valid) => { if (valid) { request.post("/user/register", this.loginForm).then(res => { if (res.code === 200) { this.$message({ type: "success", message: "注册成功" }) // this.loginForm = { // name:'', // username:'', // password:'', // confirm: '', // department: '', // phone: '' // } this.$nextTick(() => { if(this.$refs.loginForm){ //this.$refs.addForm.clearValidate(); this.$refs.loginForm.resetFields();//个人喜爱。clearValidate有时候验证清不掉，具体原因暂时没找到 } }) this.dialogVisible = false//注册成功后关闭注册弹窗，记得使用this.方法，不然关闭不了 // this.resetForm(formName) // this.$refs[this.loginForm].resetFields() // this.$router.push("/modify") } else { this.$message({ type: "error", message: res.message }) } }) } }) }, 

                                             确定         重置         

   重置

resetForm(searchForm) {     this.$refs[searchForm].resetFields()//重置表单数据 }