[Vue warn]: Error in callback for watcher “lss“: “TypeError: Cannot read properties of undefined
Vue Error for in of Cannot Read properties
2023-09-27 14:20:14 时间
问题描述
在练习本地资源存储的时候,需要将数据存放在浏览器内,存放的时候需要使用到监视属性,实现每次更新都重新存储。
于是在操作过程中遇到了这个类型的问题。现已解决
[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插件,一步步把我带偏,最后经过多处打印,多处调试才想起来检查一下函数名的事,希望大家不要学我粗心又费时间。
相关文章
- Vue 2升级 Vue 3初探小细节
- 07Vue - Vue实例(属性与方法)
- Vue - Syntax Error: Error: Node Sass version 6.0.0 is incompatible with ^4.0.0.
- vue.js-详解三大流行框架VUE_快速进阶前端大咖-Vue基础
- (25)打鸡儿教你Vue.js
- Vue源码解读-构造函数
- vue 全局变量
- vue图表
- VUE-015-解决 vue install 引发的 failed Error: not found: python2 问题
- VUE-014-c1xx : fatal error C1083: 无法打开源文件: xxx
- SPA单页应用的2种类型分页技术(React、Vue等组件化开发)
- vue项目中input框修改时页面数值随之改变的bug
- vue watch监听多个数据
- Vue中移动端的适配
- 在控制台拿到vue的实例
- vue-cli3配置多页面入口
- Vue3实践指南:Prettier代码格式化工具、格式化Vue出现单引号变双引号及分号问题、useRouter执行后undefined问题、Property 'value' does not exist on type 'HTMLElement'、error Unexpected mutation of “xxxx“ prop
- vue给url添加编码
- 解决Error: Cannot find module ‘@vue/cli-shared-utils‘
- Vue学习第15天——props配置项详解
- Vue使用ElementUI对table的指定列进行合算
- vue入门
- vue组件终端报错: error Component name “xxx“ should always be multi-word vue/multi-word-component-names
- 解决Vue启动失败报错:Module not found: Error: Can‘t resolve ‘less-loader‘