首页IT科技vue监听watch监听全局对象(vue watch报错:Error in callback for watcher “xxx“: “TypeError: Cannot read properties of undefined …)

vue监听watch监听全局对象(vue watch报错:Error in callback for watcher “xxx“: “TypeError: Cannot read properties of undefined …)

时间2025-06-15 05:43:38分类IT科技浏览9759
导读:目录...

目录

一                、问题

二                         、解决方法

三         、总结

一                、问题

1.监听了一个data里面的对象竟然报错了                ,错误还奇奇怪怪的:不能在 undefined上使用 apply方法

   1)详细错误如下:

vue.esm.js?9b69:5059 [Vue warn]: Error in callback for watcher "flowCategory": "TypeError: Cannot read properties of undefined (reading apply)" found in ---> <FlowItem> at src/projects/comen/implemenceWorkstation/flowSetting/FlowItem.vue <ElTabPane> at packages/tabs/src/tab-pane.vue <ElTabs> at packages/tabs/src/tabs.vue <View> at src/views/implemenceWorkstation/flowSetting/view.vue <Index> at src/layout/index.vue <App> at src/App.vue <Root> warn$2 @ vue.esm.js?9b69:5059 logError @ vue.esm.js?9b69:3728 globalHandleError @ vue.esm.js?9b69:3724 handleError @ vue.esm.js?9b69:3691 invokeWithErrorHandling @ vue.esm.js?9b6

    2)代码如下:

watch: { flowCategory: { hanlder(newval, oldval) { console.log(flowCategory, newval, oldval); }, deep: true } }

二                        、解决方法

 1.是不是看着上面的代码没问题                         ,我也是很自信         ,不就是在handler函数中打印了变化前后的值吗?写法就是这样啊                ,我也是这样自信                。

2.找了半天发现自己 把 handler 这个单词写错了                         ,敲错了写成hanlder“了         ,ide也没有提示 &***&

  改成下面这样就可以了

watch: { flowCategory: { handler(newval, oldval) { console.log(flowCategory, newval, oldval); }, deep: true } }

3.现在终于明白报错:是为了告诉我们handler出问题了        ,watch不知道监听到变化时要干什么                         。

三         、总结

1.报上面这个错误表示handler函数写的有问题         。你可以检查以下几点: 

   1)handler函数有没有写

   2)handler有没有拼写正确(虽然有点愚蠢                        ,但是我今天确实是因为这个……)

   3)handler函数不能是箭头函数(this指向变化后,apply也是有问题的)

2.啊                 ,愚蠢的我                。

/*

希望对你有帮助!

如有错误        ,欢迎指正!非常感谢!

*/

创心域SEO版权声明:以上内容作者已申请原创保护,未经允许不得转载,侵权必究!授权事宜、对本内容有异议或投诉,敬请联系网站管理员,我们将尽快回复您,谢谢合作!

展开全文READ MORE
隆化seo优化的技巧(隆化seo策略排名) 如何优化高质量原创文章的网站(教你掌握网站优化技巧,为你的文章流量加油)