1200字范文,内容丰富有趣,写作的好帮手!
1200字范文 > Nuxt - 完美解决 “相同路由“ 页面跳转(只是参数不同)导致页面不刷新数据详细

Nuxt - 完美解决 “相同路由“ 页面跳转(只是参数不同)导致页面不刷新数据详细

时间:2024-02-26 23:04:09

相关推荐

Nuxt - 完美解决 “相同路由“ 页面跳转(只是参数不同)导致页面不刷新数据详细

前言

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

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

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

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

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

解决方案

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

打开您要跳转的路由页面(即目标页面),加入以下代码:

<template<

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

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。