[Vue warn]: Error in callback for watcher “lss“: “TypeError: Cannot read properties of undefined

简介: [Vue warn]: Error in callback for watcher “lss“: “TypeError: Cannot read properties of undefined

问题描述


在练习本地资源存储的时候,需要将数据存放在浏览器内,存放的时候需要使用到监视属性,实现每次更新都重新存储。

于是在操作过程中遇到了这个类型的问题。现已解决

f818419d47b24d72ba86b6df941b8997.png


[Vue warn]: Error in callback for watcher "lss": "TypeError: Cannot read properties of undefined (reading 'apply')"大概的意思是,在监视lss属性的时候,回调函数不能为undefined。这是一个比较粗心的问题,每一个监视属性都需要写一下handler(新值){}函数。函数名不能写错,我遇到这个问题就是因为函数名拼写错误了,监视属性回调handler的时候找不到,报错。


问题解决方法


原代码

watch:{
  lss:{
    deep:true,
    // 这里的拼写不要写错了,否则会报错
    Handler(newvalue){
      console.log(this.lss)
      localStorage.setItem("lss",JSON.stringify(newvalue))
    }
  }
}


更改后的代码


watch:{
  lss:{
    deep:true,
    // 这里的拼写不要写错了,否则会报错
    handler(newvalue){
      console.log(this.lss)
      localStorage.setItem("lss",JSON.stringify(newvalue))
    }
  }
}


不要过于依赖编译器,遇到这个错误的原因就是将handler写成了Handler,全部归功于vscode插件,一步步把我带偏,最后经过多处打印,多处调试才想起来检查一下函数名的事,希望大家不要学我粗心又费时间。


目录
相关文章
|
1月前
|
资源调度 前端开发
编译第三方前端项目时候出现Syntax Error: TypeError: Cannot set properties of undefined (setting ‘parent‘)
编译第三方前端项目时候出现Syntax Error: TypeError: Cannot set properties of undefined (setting ‘parent‘)
83 0
|
1月前
webpack版本问题 Cannot read property ‘createHash‘ of undefined
webpack版本问题 Cannot read property ‘createHash‘ of undefined
|
1月前
|
iOS开发 MacOS
TypeError: Cannot read property ‘shop‘ of undefined
TypeError: Cannot read property ‘shop‘ of undefined
17 0
|
1月前
|
机器学习/深度学习
TypeError: Cannot read property ‘name‘ of undefined at Qe.onShow
TypeError: Cannot read property ‘name‘ of undefined at Qe.onShow
24 0
|
1月前
|
JavaScript
报错 Cannot read properties of undefined(reading‘addEventListener‘)如何解决
报错 Cannot read properties of undefined(reading‘addEventListener‘)如何解决
52 1
|
1月前
|
小程序 开发者
【Hbuilder】Hbuilder Cannot read property ‘forceUpdate‘ of undefined
【Hbuilder】Hbuilder Cannot read property ‘forceUpdate‘ of undefined
24 0
|
1月前
|
缓存 JavaScript
报错:cannot read properties of undefined “reading url“
报错:cannot read properties of undefined “reading url“
|
1月前
【报错】 “TypeError: Cannot read properties of undefined (reading ‘split‘)“
【报错】 “TypeError: Cannot read properties of undefined (reading ‘split‘)“
|
1天前
|
存储 JavaScript API
Vue状态管理深度剖析:Vuex vs Pinia —— 从原理到实践的全面对比
Vue状态管理深度剖析:Vuex vs Pinia —— 从原理到实践的全面对比
6 2