首页 > 其他分享 >解决路由缓存问题

解决路由缓存问题

时间:2024-09-10 20:13:50浏览次数:12  
标签:缓存 请求 组件 vue 跳转 解决 路由

路由缓存问题即:当再vue3中使用带参数的路由时,随着路由跳转,组件被重新复用,不能正常执行生命周期
尤其我们通常在onMounted中使用的请求的发送,那么如何解决呢
1.粗暴的方法:强制替换销毁
vue官方曾说,key可以强制替换一个元素或者组件,而不是复用它
那么我们可以在组件中使用key来正式重新定义一下跳转路径

这里的$route.fullPath即当前网页的url
2.灵巧的方法:通过监听路径来触发一个钩子函数
我们可以在这个周期函数中调用部分请求函数,使得它在路径变换时会强制发送请求
这里我们以带参请求为例

import { onBeforeRouteUpdate } from "vue-router";
 onBeforeRouteUpdate((to)=>{
    categoryApi(to.params.id)
})

这里的to代表了当前页面的一些信息,路由变换时提供路由信息供这些函数调用使用

标签:缓存,请求,组件,vue,跳转,解决,路由
From: https://www.cnblogs.com/fubai/p/18407088

相关文章

  • 解决VSCode保存后未格式化文档的问题
        今天使用vscode编写前端项目时,保存后一直不能自动格式化。不管是通过配置文件来设置还是通过settings.json配置都没有效果。    原因:没有选择默认的格式化程序   解决办法:   1,随意进入一个vue文件右键,选择使用...格式化文档    2,再......
  • 初学者指南:掌握 Vue 路由(Router)
    初学者指南:掌握Vue路由(Router)在现代前端开发中,单页面应用(SPA)越来越受欢迎,而Vue.js是构建SPA的热门选择之一。在Vue应用中,路由管理是实现页面导航的关键。本文将带你一步步了解如何在Vue应用中使用路由。什么是路由?在Web应用中,路由是URL到页面内容的映射。......
  • 【pom】解决jar冲突心得 之 通过解决启动报错  Caused by: java.lang.NoClassDefFoun
     解决jar冲突心得之通过解决启动报错 Causedby:java.lang.NoClassDefFoundError:Couldnotinitializeclasscom.fasterxml.jackson.databind.ObjectMapper 学思路 一般情况,出现Causedby:java.lang.NoClassDefFoundError的问题1.要么是jar没有引入pom,所以找不......
  • 解决微软OneNote不能同步的问题
    https://blog.csdn.net/zhuwei/article/details/140926025前言最近发现开启本地http代理服务器后onenoteforwindows10无法同步,但是我的代理配置是无误的.经过查询发现,这个是由于微软的UWP应用的新特性引起的.在win10中的所有UWP应用均运行在被称为appcontainer的虚拟沙箱......
  • hyperworks软件许可优化解决方案
    Hyperworks软件介绍Altair仿真驱动设计改变了产品开发,使工程师能够减少设计迭代和原型测试。提升科学计算能力扩大了应用分析的机会,使大型设计研究能够在限定的项目时间完成。现在,人工智能在工程领域的应用再次改变了产品开发。基于物理场的仿真驱动设计与机器学习相结合,利用超......
  • [DPDK] dumpcap报错EAL init failed: is primary process running?解决办法
    [DPDK]dumpcap报错EALinitfailed:isprimaryprocessrunning?解决办法问题我写了一个DPDK程序,现在想要用DPDK自带的dpdk-dumpcap工具来抓包测试。根据官网描述,我们需要先启动我们的程序为主进程,然后启动dpdk-dumpcap为副进程。但是我直接运行dpdk-dumpcap,显示如下错误:注:......
  • 银行用电安全管理难点及解决方案
    1引言科技进步带来丰富的电力资源和更多电气设备,但同时也增加了火灾风险。2020年,中国共发生25.2万起火灾,其中电气原因导致的火灾占33.6%,共8.5万起。电气问题引发的较大火灾占55.4%。线路问题如短路、过负荷和接触不良是主要的火灾原因,占68.9%,设备故障和使用不当占26.2%,其他电......
  • raw.githubusercontent.com未能解析” 解决方案
    1.操作场景通过windows11powershell下载依赖包2.报错信息如下irm:未能解析此远程名称:'raw.githubusercontent.com'所在位置行:1字符:27+&([scriptblock]::Create((irm"https://win11debloat.raphi.re/")))+~~~~~~~~~~~~~~~~~~~~~~~~......
  • React路由配置参考(记录)
    整体:登录页单独处理:将登录页单独处理,路径为/login。使用AuthLayout处理授权页面:AuthLayout可以作为一个高阶组件,确保用户登录后才能访问系统中的其他页面。加载主布局BasicLayout:BasicLayout可以用来加载系统的主布局,并通过routesRender(routesConfig)渲染配置文件中......
  • AI答案之书解来为你解决难题
    本文由ChatMoney团队出品介绍说明“答案之书智能体”是您贴心的智慧伙伴,随时准备为您解答生活中的种种困惑。无论您在工作中遭遇瓶颈,还是在情感世界里迷失方向,亦或是对个人成长感到迷茫,它都能倾听您的心声,并给予准确且富有启发的回应。它并非简单地给出答案,而是深入理解您问......