每日一菜之VUE路由跳转报堆栈溢出错误
背景:A页面查询列表的操作列中有详情按钮,点击详情跳转到B页面,然后再通过B页面的面包屑返回到A页面;通过this.router.go(-1)方法返回A页面的时候报错:RangeError:Maximum call stack size exceeded;解决方法:原来是通过click事件来进行返回上一级,后根据前端api文档修改为通过router-link来跳转,有人说router.before
背景:A页面查询列表的操作列中有详情按钮,点击详情跳转到B页面,然后再通过B页面的面包屑返回到A页面;通过this.router.go(-1)方法返回A页面的时候报错:RangeError:Maximum call stack size exceeded;
解决方法:原来是通过click事件来进行返回上一级,后根据前端api文档修改为通过router-link来跳转,有人说router.beforeEach中可能会出现死循环,然后在项目中全局搜索了一下找到了这个方法,发现这个方法会先去判断原路由的参数是否有_NOAUTHURL_=true,把这个参数加上后完美解决;
以下是废话,纯粹自己记录总结反思一下
解决过程: 差不多花了3天才解决,遇到问题时还是解决问题的思路不够清晰,完全是凭感觉在乱试,万一运气好让我碰对了呢;
A页面中的详情通过this.$router.push跳转到B页面,(这个地方也出现过堆栈溢出的错误,也是通过加query:{_NOAUTHURL_: true}这个解决的);B页面通过click点击触发返回A页面,试了好几种方法都报错:
再次通过this.$router.push返回A页面,query:{_NOAUTHURL_: true}也加了,还是报错,所以后来就把这个参数给忘了。。。。
后来百度的时候看到有人说router.beforeEach中可能会出现死循环,这个时候我还是没有引起重视,中间又反复测试,甚至还怀疑前端api,明明根据api写的,为啥不对呢。。。
导航栏全都是百度的。。。
直到第3天下午下班前一个小时,我突然想到,在项目里搜一下router.beforeEach这个方法,然后就搜到了,看了这个方法,再在:to对象中加上query:{_NOAUTHURL_: true},竟然就可以返回了,后来又花了点时间,看了下paths这个参数,这个参数是把路由跳转的时候传过来的数组中的path通过指定分隔符拼接了,我这里只需要把A页面的路由path传过来就行,其他页面的path都是空就ok;
每日一菜之金桔膏:抖音上学的金桔膏的做法真不错,金桔和冰糖2:1,不加水,大火熬制浓稠,金桔的颜色变深,放凉装罐,贼好喝;
更多推荐
所有评论(0)