[已解决]Vue中控制台提示XXX is not definded错误解决方法
项目场景:今天在听老师讲Vue项目的时候出现报的错误。问题描述:项目一致出现XXX is not defined。data() {var validatePass = (rule, value, callback) => {var oldPw = /^[a-zA-Z0-9]{3,15}$/;if (value == "") {callback(new Error("请输入密码"));} el
·
项目场景:
今天在听老师讲Vue项目的时候出现报的错误。问题描述:
项目一致出现XXX is not defined 。
data() {
var validatePass = (rule, value, callback) => {
var oldPw = /^[a-zA-Z0-9]{3,15}$/;
if (value == "") {
callback(new Error("请输入密码"));
} else {
if (!oldPw.test(value)) {
callback(new Error("请输入正确的密码"));
}
callback();
}
};
// var validataPass2 = (rule, value, callback) => {
// var oldPw = /^[a-zA-Z0-9]{3,15}$/;
// if (value == "") {
// callback(new Error("请输入密码"));
// } else if(value!==this.ruleForm.oldPw){
// callback(new Error("两次输入的密码不一致"));
// }else{
// callback();
// }
// }
// };
return {
userName: "",
dialogVisible: false,
name: "海海",
ruleForm: {
oldPw: "",
newPw: "",
age: "",
},
rules: {
oldPw: [{ required: true, validator: validatePass, trigger: "blur" }],
newPw: [{ required: true, validator: validatePass, trigger: "blur" }],
},
};
},
原因分析:
找了好久原来是validatePass 变量没有定义,单词打错了O(∩_∩)O ![在这里插入图片描述](https://img-blog.csdnimg.cn/20201014164142296.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQzMDU1ODU1,size_16,color_FFFFFF,t_70#pic_center) 。解决方案:
1.一般提示某某数值、变量方法在打错字母的时候都会报此错误,认真检查一下变量的名字是否打错即可。2.将validataPass 改为validatePass 即可,在敲代码的时候总喜欢把 date 打成 data ---- data是数据的意思,date是日期。
更多推荐
已为社区贡献1条内容
所有评论(0)