Error in callback for watcher "checkList": "TypeError: Cannot read property

最新推荐文章于 2024-03-17 08:00:00 发布

清晨的光明

最新推荐文章于 2024-03-17 08:00:00 发布

阅读量1.6w

点赞数 1

CC 4.0 BY-SA版权

分类专栏： Vue 文章标签： checkList Error vue

本文链接：https://blog.youkuaiyun.com/kdongyi/article/details/89288681

Vue 专栏收录该内容

6 篇文章

订阅专栏

本文解决Vue项目中使用watch监听props变化时遇到的TypeError错误，详细分析了箭头函数导致的this指向问题，并提供正确的代码示例。

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();
    }
},