【已解决】Vue的router-link地址变化但页面不刷新

由于最近搞了一般企业网站做练习,其中遇到各种的问题,今天无意中发现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技术栈,vue.js)