vue使用watch监听拿到props的传值

但是报错:Error in callback for watcher "checkList": "TypeError: Cannot read property

 报错信息:

 错误代码如下:

props: {
    login_flag: {
       type: String,
    },
},

watch:{
    login_flag:(oldValue,newValue) => {  //监听这个值是否发生变化
        console.log(newVal);
        this.logining();
    }
},

 错误原因分析:

login_flag:(val,oldVal)=>{} 这样会报错,箭头函数导致this指向出错,需要改成login_flag:function(val,oldVal){}

 正确代码如下: 

props: {
    login_flag: {
       type: String,
    },
},

watch:{
    login_flag:function(newVal,oldVal){  //<- 修改这里 监听这个值是否发生变化
        console.log(newVal);
        this.logining();
    }
},

 

Logo

前往低代码交流专区

更多推荐