前言
有时候会存在这样一个需求,比如文章详情页面,最底部会有 “相关推荐”,这些推荐本质上也是文章,所以跟您当前页面路由是一样的,当你点击推荐的某一篇文章时,你需要在本页面进行跳转,携带不同的参数。
当跳转时,您会发现只是路由地址变了,而数据却没有变,
如下 2 种情况的跳转路由,可以看到仅仅是 “参数” 发生了变化:
/list?q=2 → /list?q=8本页面→ 跳转至????——————————————————————————/list/2 → /list/8本页面 → 跳转至????
注意观察路由与页面数据,可以看到常规跳转的写法是无效的:
解决方案
您分析好代码,便可以移植到项目中。
打开您要跳转的路由页面(即目标页面),加入以下代码:
<template<
Nuxt - 完美解决 “相同路由“ 页面跳转(只是参数不同)导致页面不刷新数据详细教程 本页面内重复跳转网页无论是 asyncData / fetch / mounted 都没执行无法获取最新数据