elementui 清空表单-element-uiform表单校准重置表单后难以输入

也想出现在这里？点击联系我~

立即下单

进入商城

进不了网站？换个网络试试！

element-uiform表单校准重置表单踩到的小坑

如果您着急，请阅读文章底部的摘要

序言中，在表单中添加规则校准后，在提交表单之前进行数组检测

this.$refs[formName].validate( valid => {
	// validate接受两个参数，具体参考element官网api文档，第一个是boolean值
	if(valid) {
		// 为true时，说明表单校验通过，符合rules
	}else {
		// 不满足时的逻辑处理
	}
}

提交前检查

打开form窗口的时候，之前的检测提示还在，因为我偷懒，没有写form表单reset，然后添加

this.$refs[formName].resetFields();
// 分割线 ------------------------------------------
// 因为form表单绑定的对象值，我在data里定义时只写了一个空对象 insertData: {}

这里有一个问题，虽然还是因为懒，所以开发太懒了

解决方案

所以resetFields()之后，表单很难输入。 解决办法是在数据上定义数组名时将所有数组名都初始化elementui 清空表单elementui 清空表单，然后解决。 闭嘴1秒，骂自己1秒，继续偷懒我的意思是，偷懒真舒服，有bug也能学到新东西，所以我偷懒了 === yyds

data() {
	return {
		insertData: {
			name1: '',
			name2: '',
			name3: '',
			name4: '',
		}
	}
}