element表单重置为初始值并移除校验结果

根据element上提供的将表单值重置为初始值并移除校验结果可以使用this.$refs.ruleForm.clearValidate() 方法，这里需要注意 ! ! ! 的是，需要判断一下this.$refs.ruleForm是否存在，因为第一次打开是undefined会报错，因为DOM还未被渲染上，也可以像我这样写的用Vue中的$nextTick()方法，他的含义简单的来说就是异步加载，..

海阔天空BM

3775人浏览 · 2019-12-09 14:34:46

海阔天空BM · 2019-12-09 14:34:46 发布

在这里插入图片描述

根据element上提供的将表单值重置为初始值并移除校验结果 可以使用this.$refs.ruleForm.clearValidate() 方法，
这里需要注意 ! ! ! 的是，需要判断一下this.$refs.ruleForm是否存在，因为第一次打开是undefined会报错，因为DOM还未被渲染上，也可以像我这样写的用Vue中的$nextTick()方法，他的含义简单的来说就是异步加载，DOM在created函数中还未被渲染，而$nextTick()所对应的是mounted函数，此时DOM以完全渲染出，不会再报错。

Vue

前往低代码交流专区

更多推荐

Vue里echarts根据页面大小动态调整/自适应

Vue

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^