在学习Vue秃头的路上,再遇一难
为了实现修改用户功能，绑定单击事件函数
在这里插入图片描述
函数里先实现表单预验证功能
在这里插入图片描述
期待表单验证正确打印一个true，错误打印一个false
先来错误的测试：
在这里插入图片描述
好的可能是意外，再来个正确的
在这里插入图片描述
.。。。好的确认是bug了，老规矩哪里有嫌疑哪里打印输出
修改方法代码为
在这里插入图片描述
再来以便错误测试
在这里插入图片描述
2不见了，再缩小一下范围，看看是不是我英文打错了（经常）
在这里插入图片描述
测试
在这里插入图片描述
好的可以结案了，valid方法没有执行
半小时后。。。。。错误出处
在这里插入图片描述
在自定义检验规则时，由于我对自定义校验规则未理解透彻
在这里插入图片描述
在Element官方文档中找到了正确用法
修改代码
在这里插入图片描述

测试
在这里插入图片描述
在这里插入图片描述

Logo
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}$/, //不连续的两位字母// /^

avatar Vue
cover

echarts堆叠柱状图

avatar Vue

Error in v-on handler: "TypeError: Cannot read properties of undefined (reading 'current')"

这是一个 Vue.js 错误，报错信息提示在 v-on 处理程序中出现了错误：“TypeError: Cannot read properties of undefined(读取 'current')”。这意味示在您的代码中，试图读取一个未定义的变量 'current'。您需要检查您的代码，确保 'current' 已正确定义并初始化。...

avatar Vue