关于element框架中rules中validator中undefined问题

问题代码分析其实在element-ui框架中，这里rules中的checkPassword里面的validator的this指向windows而不是Vue，而form指向Vue，所以获取不到form，因此我们可以把validator后面代码整合到Vue的地方，然后在Vue的地方this指向就是指向Vue，也就可以获得this.form.renewpwd解决...

ALin_Think

2650人浏览 · 2020-05-16 21:49:21

ALin_Think · 2020-05-16 21:49:21 发布

问题

在这里插入图片描述

代码

在这里插入图片描述

分析

其实在element-ui框架中，这里rules中的checkPassword里面的validator的this指向windows而不是Vue，而form指向Vue，所以获取不到form，因此我们可以把validator后面代码整合到Vue的地方，然后在Vue的地方this指向就是指向Vue，也就可以获得this.form.renewpwd

解决

在这里插入图片描述

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