[Vue warn]: Error in callback for watcher “lss“: “TypeError: Cannot read properties of undefined-Toy模板网

这篇具有很好参考价值的文章主要介绍了[Vue warn]: Error in callback for watcher “lss“: “TypeError: Cannot read properties of undefined。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。

问题描述

在练习本地资源存储的时候，需要将数据存放在浏览器内，存放的时候需要使用到监视属性，实现每次更新都重新存储。
于是在操作过程中遇到了这个类型的问题。现已解决

cannot read properties of undefined (reading 'apply'),网页前端高级编程从入门到精通,vue.js,javascript,前端

[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插件，一步步把我带偏，最后经过多处打印，多处调试才想起来检查一下函数名的事，希望大家不要学我粗心又费时间。

cannot read properties of undefined (reading 'apply'),网页前端高级编程从入门到精通,vue.js,javascript,前端文章来源地址https://www.toymoban.com/news/detail-727492.html

到了这里，关于[Vue warn]: Error in callback for watcher “lss“: “TypeError: Cannot read properties of undefined的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！