Nuxt - 完美解决 “相同路由“ 页面跳转（只是参数不同）导致页面不刷新数据详细教程，本页面内重复跳转网页无论是 asyncData / fetch / mounted 都没执行无法获取最新数据

前言

有时候会存在这样一个需求，比如文章详情页面，最底部会有 “相关推荐”，这些推荐本质上也是文章，所以跟您当前页面路由是一样的，当你点击推荐的某一篇文章时，你需要在 本页面进行跳转，携带不同的参数。

当跳转时，您会发现 只是路由地址变了，而数据却没有变，

如下 2 种情况的跳转路由，可以看到仅仅是 “参数” 发生了变化：

/list?q=2   →   /list?q=8
 本页面      →    跳转至
——————————————————————————
/list/2   →   /list/8
 本页面    →   跳转至

注意观察路由与页面数据，可以看到常规跳转的写法是无效的：

解决方案

您分析好代码，便可以移植到项目中。

打开您要跳转的路由页面（即目标页面），加入以下代码：