公告: 欢迎来到我的博客

>>> 您当前正在: Xiobb's Blog > 文章 > 【备忘录】记一次vue router跳转页面不更新的debug过程

【备忘录】记一次vue router跳转页面不更新的debug过程


Xiobb  |  2022年08月26日  |  共 57 次浏览

声明

本文中所有链接均使用 #/index #/foo #/bar 代替。

先说现象

现象具体为:
打开页面,使用router-link的链接,首次点击此类链接正常,之后点击地址变化,内容不变化。
如 /#/index 点击链接来到 /#/foo 在此页面再次点击router-link to=“/bar” 的链接,地址变为/#/bar 但是内容仍为/#/foo的内容,点击其他链接问题相同。

debug过程

1. 独立思考

然后我就想了,是不是因为router/index.js 中在最后绑定了*(通配符)用于处理不存在的事件,
我将其删掉,绑定了#/foo #/bar (原先未绑定,走通配符404事件)
无效。

2. 求助朋友

这一关其实我也不知道怎么写,反正连回复都没有. 对方表示:没看懂
我也难说清楚啊,因此选择 放弃
无效。

3. 万能の搜索引擎

这一段,网上因为什么牛马都有,啥有用的都没搜到,问题照旧。
无效。

4. 我又想起什么

打开F12,看看里面的error
其中我印象深的就是 data()必须返回一个对象 再里面添加return {} 这个报错便解决了
将里面的error全部解决,问题已经消失。
成功。

反思

还是不能疏忽devtool里面的error啊。。。
这下好了,出bug debug了半个多小时。。。

总结

将devtoolf12里面的所有ERROR解决即可


来评论


About me:

Xiobb

干啥啥不行,水文第一名!

给我发邮件


> 文章数量: 17 篇

> 分类数量: 5 个

> 标签数量: 13 个


RSS  |  网站地图  |  回首页  |  回顶  |  后台管理

Copyright © 2022 Xiobb's Blog All Rights Reserved.
郑重声明:未经授权禁止转载、摘编、复制本站内容或建立镜像。

回顶部