记录Vue.js开发中使用router-link时url变化,数据不变问题的解决方案

记录Vue.js开发中使用router-link时url变化,数据不变问题的解决方案,第1张

Blog原文:多仔 · Enjoy - https://www.l5v.cn/archives/335/

前言

近期在开发过程中遇到一个小问题:

首次访问:/article/news,能显示alias为news的数据。

点击页面内按钮跳转到/article/help,仍然显示的是alias为news的数据,不显示alias为help的数据。

数据由axios请求API读取,路由配置如下:

{
	path: '/article/:alias',
	component: () => import('@/views/article/List')
}

解决方案

修改上一层的router-view,完美解决。

<router-view :key="$route.fullPath">router-view>

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/1324653.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-06-12
下一篇 2022-06-12

发表评论

登录后才能评论

评论列表(0条)

保存