Error in callback for watcher "$route": "TypeError: Cannot read property 'call' of undefined"

最新推荐文章于 2023-06-27 11:52:17 发布
最新推荐文章于 2023-06-27 11:52:17 发布
阅读量1.2w 收藏 2
点赞数
文章标签： Vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_26714379/article/details/89751054
版权

这个代码是重现vue-router的data-feteching例子。vue 在监听路由变化时报错，就是每次从首页跳转到其他页面不会报错，但是从其他页面跳转到其他页面就会报错。好像从其他页面跳转到其他页面调用监听函数会出错

代码原本是这样写的

watch: {
    '$route': this.fetchData
  },

后来改成这样的

 watch: {
    '$route': 'fetchData'
  },

就好了
我想这是因为this的原因，路由变了之后this也变了，具体是什么原因我还没想清楚，但问题是解决了,如果有大神知道，望不吝赐教

鱼宝和哗哗
关注
  • 0
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
uniapp - 项目运行/打包编译/分包报错 TypeError: Cannot read property call of undefined，uni-app控制台出现一堆这种报错（详细解决方法）
高级前端工程师
05-20 4939
uni-app，TypeError: Cannot read property call of undefined，报错，安卓app，苹果app，微信小程序，移动端，H5网页，手机网站，微信小程序、支付宝小程序，手机app端，nvue，微信小程序分包报错，uniApp小程序平台分包失败怎么办，uniapp运行编译报错解决方案，UniApp移动端网页控制台报错，详细解决办法，清缓存重新编译，热重载，开启压缩代码还是不行怎么办，刷新或者重启一下又好了，过一会又开始报错，vue，分包，小程序分包，支付宝小程序分包
B站(云e办)SpringBoot实战练习的Sql文件、前端Vue源码、后端springboot源码
m0_54849806的博客
02-26 1051
B站SpringBoot实战练习的资源 1. Sql下载地址： 2. 前端源码下载地址： 3. 后端源码下载地址 资源来源——网络资源搜索！github开源项目练习！ 1. Sql下载地址： 链接：点击我下载sql文件 提取码：yeb7 2. 前端源码下载地址： 链接：点我下载前端代码 提取码：yeb7 3. 后端源码下载地址 链接：点我下载前端代码 提取码：yeb7 如需在线api文档请联系 qq： 87395809, 表明来意 总结 写到这里也结束了，在文章最后放上一个小小的福利，以下为小编自
vue watch报错：Error in callback for watcher “xxx“: “TypeError: Cannot read properties of undefined ...
热门推荐
qq_45327886的博客
08-20 4万+
Error in callback for watcher "flowCategory": "TypeError: Cannot read properties of undefined (reading 'apply')" watch监听报错
Vue系列 =＞ [BUG] 面包屑导航切换到首页 侧导航栏激活问题
Write less，do more
10-22 627
vue监听$route变化，报错： Error in callback for watcher “$route”: “TypeError: Cannot read property ‘call’ of undefined” watch: { // 如果路由有变化，会再次执行该方法 $route: function(newV) { console.log(newV) if (newV.path == '/welcome') { this.activeSta
关于Vue使用watch监听属性报“TypeError: Cannot read properties of undefined (reading ‘apply‘)“的问题
weixin_46684929的博客
03-10 1万+
报错信息： Error in callback for immediate watcher “abc”: "TypeError: Cannot read properties of undefined (reading ‘apply’)" 解决手段： 1、watch当中的方法名写错 错误： abc: { immediate: true, headler() { // 这里写错啦！ console.log(111); }, }, 修改结果为： abc: { immediate: true,
grape-middleware-logger:记录Grape应用程序的中间件
05-09
应用程序的记录器 日志： 请求路径参数端点类名称和处理程序回应状态请求的持续时间例外情况来自error!错误响应error!安装将此行添加到您的应用程序的Gemfile中： gem 'grape' , '>= 0.17'gem 'grape-middleware-...
pr-watcher：PR Watcher进行代码审查
01-29
回调URL应该是您的服务器URL，其中/callback为路径。 接下来，您需要指定以下环境变量： CLIENT_ID （必填）-从Github中的OAuth应用程序设置中获取。 CLIENT_SECRET （必需）-从Github中的OAuth应用程序设置中...
network-idle-callback:类似于requestIdleCallback，但用于检测网络空闲
05-11
npm install network-idle-callback 用法 设置 networkIdleCallback使用服务工作人员来检测网络活动。 开始监视网络活动的最简单方法是将脚本导入到serviceworker中，并像这样包装您的提取调用- // via CDN ...
CallbackURLKit:快速实现x-callback-url（应用间通信）
04-13
in self . player . play () } 想要与已经实现的众多其他应用程序之一进行交互，您也可以使用此框架。 CallbackURLKit. perform ( action : " open " , urlScheme : " googlechrome-x-callback " , parameters ...
解决Vue报错Error in callback for immediate watcher “height“: “TypeError: Cannot read properties of
m0_59360516的博客
11-23 1万+
vue是先拿到data里面的数据，再去执行created和mounted里面的函数，而我把height赋值为空了，当vue拿到data里面的数据时，为空，所以就会报错，后面再执行mounted里面的高度计算方法时，也只是给height赋值。优化后的方法，两步就搞定了，不需要在data里面声明了，把高度计算的函数放在computed计算属性里面就解决了，也解决了控制台报错的问题。这个错误报得莫名其妙，既没告诉你具体位置，也没告诉你是哪里出错，页面和数据都能正常显示，于是我找啊找啊，终于知道是哪里的问题了。
Error in callback for watcher “options“: “TypeError:Cannot read properties of null (reading ‘level‘)
qq_45415736的博客
06-27 5495
原因是级联选择器el-cascader的属性options值在重新加载时赋值为空数组所导致。
Error in callback for immediate watcher “data“ “TypeError Cannot read properties of null
jiey0407的博客
03-03 8176
今天发现了一个错误提示，虽不影响数据输出，但终究是一个错误，我们就找找原因把他解决。 vue.runtime.esm.js2b0e:619 [Vue warn]: Error in callback for immediate watcher “data”: “TypeError: Cannot read properties of null (reading ‘reduce’)” 翻译结果： 立即观察者“数据”的回调错误：“类型错误：无法读取 null 的属性 经过筛查，我们发现去掉row-key="i
Error in callback for immediate watcher “data“: “TypeError: Cannot read properties of null
让梦想疯狂
12-14 2万+
今天发现了一个错误提示，虽然不影响数据输出，但终究是一个错误，我们就找找原因把他解决。 vue.runtime.esm.js?2b0e:619 [Vue warn]: Error in callback for immediate watcher "data": "TypeError: Cannot read properties of null (reading 'reduce')" 翻译结果： 立即观察者“数据”的回调错误：“类型错误：无法读取 null 的属性 经过筛查，我们发现去掉ro.
[Vue warn] Error in callback for immediate watcher “data“ “TypeError Cannot read property ‘reduce
m0_67391677的博客
03-06 1307
今天发现了一个报错提示，虽然不影响使用但还是看看怎么解决吧 [Vue warn]: Error in callback for immediate watcher “data”: “TypeError: Cannot read property ‘reduce’ of null” vue.runtime.esm.js:1888 TypeError: Cannot read property ‘reduce’ of null 一开始以为是不是缺少reduce字段，后面全局搜都没看到有地方用到了reduce，
vue报错：Error in callback for watcher “options“: “TypeError: Cannot read propertie ‘level‘ of null
qq_33911541的博客
05-09 2689
vue报错：Error in callback for watcher "options": "TypeError: Cannot read propertie 'level' of null
[Vue warn]: Error in callback for immediate watcher “data“: “TypeError: Cannot read property ‘reduce
织网的博客
02-08 1万+
[Vue warn]: Error in callback for immediate watcher "data": "TypeError: Cannot read property 'reduce' of null" 这个错误是el-table的data绑定的值为null造成的，只要把绑定的值赋值为数组就可以解决了。 仔细检查el-table的data绑定的值在哪里被赋值为null,比如说初始化的时候items:""而不是items:[],这样就会报这种错，或者是中途哪里隐式地赋值为null
Error in callback for watcher "$route": "TypeError: Cannot read properties of undefined (reading 'num')" found in
最新发布
12-21
根据提供的引用内容，你遇到的问题是在监视属性"$route"时出现了错误。错误信息是"TypeError: Cannot read properties of undefined (reading 'num')"。这个错误意味着在回调函数中尝试读取一个未定义的属性"num"。可能的原因是你在回调函数中使用了一个未定义的变量或属性。 解决这个问题的方法是确保在回调函数中使用的变量或属性是已定义的。你可以检查一下回调函数中的代码，确保没有拼写错误或者使用了未定义的变量。另外，你也可以在回调函数中添加一些条件判断，以确保在访问属性之前已经定义了。 以下是一个示例代码，展示了如何在监视属性"$route"时避免出现未定义属性的错误： ```javascript watch: { $route: function(newRoute, oldRoute) { if (newRoute && newRoute.num) { // 在访问属性之前先进行条件判断 console.log("num: ", newRoute.num); } } } ``` 这样，当"$route"属性发生变化时，只有在"num"属性已定义的情况下才会执行相关代码，避免了未定义属性的错误。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值