[已解决]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("请输入密码"));
      } 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  。

---

解决方案：

1.一般提示某某数值、变量方法在打错字母的时候都会报此错误，认真检查一下变量的名字是否打错即可。

2.将validataPass 改为validatePass 即可，在敲代码的时候总喜欢把 date 打成 data ---- data是数据的意思，date是日期。