概述
由于最近搞了一般企业网站做练习，其中遇到各种的问题，今天无意中发现router-link点击产品的时候，列表页可以顺利进入详情页，但是详情页里面推荐产品却不能跳转。
例如进入的是：/products/366?scode=25点击某个推荐产品：/products/368?scode=25
路由结构是：
path: '/products/:id', name: 'Products', component: () => import("@/components/Products")
死活就是不跳转，但是url是变化的啊，抓耳挠腮大半天，查资料之后终于弄懂了这个问题。
一般出现的情况：当前链接和政要点击的链接地址结构是一样的，就不能跳转了。（貌似是路由的过，因为路由结构本身没变化，所以网页不会刷新，而是变化的url而已）
解决方案：
设置 router-view 的 key 属性值为 $route.fullPath
找到根目录的App.vue
<router-view :key="$route.fullPath" />
解释什么是$router.fullPath,什么时候需要用到？
最后
以上就是无情菠萝为你收集整理的【已解决】Vue的router-link地址变化但页面不刷新的全部内容，希望文章能够帮你解决【已解决】Vue的router-link地址变化但页面不刷新所遇到的程序开发问题。
如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。
本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。
和router.push(...)" class="embed-responsive-item">
发表评论 取消回复