当前位置: 首页 > article >正文

[Vue]防止路由重复跳转

[Vue]防止路由重复跳转

// 获取当前路由的原始路径(包括重定向的处理)
const currentPath = this.$route.redirectedFrom || this.$route.path;

// 判断目标路径是否与当前路径相同
if (currentPath !== item.url) {
  this.$router.push({ path: item.url });
} else {
  console.log('目标页面与当前页面相同,不进行跳转');
}
  • this.$route.redirectedFrom

重定向的来源

  • this.$route.path

this.$route.path:这是当前路由的路径(不包括查询参数和哈希)。它表示的是当前页面的实际路径,比如 /strategy/security-policy。当路由发生重定向时,this.$route.path 会反映最终的目标路径(即重定向后的路径)

  • this.$route.fullPath

这是当前路由的完整路径,包含路径、查询参数和哈希。例如,/strategy/security-policy?id=123#section1。如果路由发生了重定向,fullPath 也会是重定向后的路径。


http://www.kler.cn/a/382950.html

相关文章:

  • 前端预览word、excel、ppt
  • 【简信CRM-注册安全分析报告】
  • LLMs之Calculate:利用大语言模型技术基于文本内容实现数字计算能力的简介、常用方法、代码实现之详细攻略
  • 三周精通FastAPI:33 在编辑器中调试
  • Transformer模型中,Encoder(编码器)和Decoder(解码器)
  • 6款IntelliJ IDEA插件,让Spring和Java开发如虎添翼
  • scala学习记录,Set,Map
  • 前端零基础学习Day-Five
  • 易语言模拟真人动态生成鼠标滑动路径
  • 如何产生新想法并创新?
  • 讲讲分布式与集群的区别?
  • qt QListView详解
  • [前端] 为网站侧边栏添加搜索引擎模块
  • 通过ChatGPT轻松制作个性化GPTs应用
  • Latex图片展示:一行与一列
  • 香港服务器网络延迟的测量指标包括哪些?
  • Bartender 5 for Mac 菜单栏管理软件 安装教程【保姆级教程,操作简单小白轻松上手使用】
  • 哈夫曼树和哈夫曼编码与译码
  • 《ASP.Net Core技术内幕与项目实战》读书笔记1
  • 全平台设置jetbrains mono字体
  • #渗透测试#SRC漏洞挖掘# 操作系统-Linux系统基础02之Openssl、软连接与硬连接、用户账号数据库
  • HiveMetastore 的架构简析
  • Node.js回调函数以及事件循环使用介绍(基础介绍 三)
  • spring-boot(thymeleaf前端框架,简单了解)、( 跨域请求)
  • 玩转「HF/魔搭/魔乐」平台
  • 解决 Ubuntu ‘InRelease is not valid yet’ 报错:内网源 apt update 详细教程