首页 > 其他分享 >vue-element-admin关闭标签跳转到前一个标签,而不是最近的标签

vue-element-admin关闭标签跳转到前一个标签,而不是最近的标签

时间:2024-01-17 17:22:40浏览次数:30  
标签:vue admin 标签 visitedViews 关闭 跳转

vue-element-admin中关闭标签跳转到前一个标签,而不是最近的标签。

场景:先后打开A和B标签,接着从A标签页面内部跳转到C标签(A和C存在紧密关系)。这时如果关闭C标签,默认跳转到最近的B标签而不是A标签。如果A和C中间隔着很多标签,这种场景很难在找回A标签的位置。期望跳转时从A跳转到C处理业务,处理完成后关闭C自动跳转回A.

 

修改文件./src/views/layout/components/TagsView.vue

toLastView(visitedViews, view) {
  const latestView = visitedViews.slice(-1)[0]
  if (latestView) {
    if (visitedViews.length <= 1 || window.history.state == null || window.history.state.back === null) {
      this.$router.push(latestView.fullPath)
    } else {
      this.$router.go(-1)
    }
  } else {
   ...
  }
}

 

转载请注明出处:https:https://www.cnblogs.com/keitsi/p/17970490

标签:vue,admin,标签,visitedViews,关闭,跳转
From: https://www.cnblogs.com/keitsi/p/17970490

相关文章

  • 你不知道的vue3:使用runWithContext实现在非 setup 期间使用inject
    前言日常开发时有些特殊的场景需要在非setup期间调用inject函数,比如app中使用provide注入的配置信息需要在发送http请求时带上传给后端。对此我们希望不在每个发起请求的地方去修改,而是在发起请求前的拦截进行统一处理,对此我们就需要在拦截请求的函数中使用inject拿到app注入的......
  • 几种常见的注册登录验证(vue)
    几种常见的注册登录验证(vue):https://mp.weixin.qq.com/s?__biz=MzUzMTMxODY3OQ==&mid=2247493893&idx=1&sn=687cac339a3350c548043e069b9db1ac&chksm=fa46fbfdcd3172eb45e49a1b563e47f048224653ecb9c50957e38eedb0a67e0d17ca3207aa66&mpshare=1&scene=23&s......
  • vue-types
    一、vue-typesVueTypes是Vue.js的可配置prop验证器的集合,受到React的启发prop-types1、何时使用​虽然Vue.js中的基本prop验证既简单又方便,但细粒度验证在复杂组件上可能会变得冗长。VueTypes提供了一个紧凑而流畅的界面来定义项目的props。 2、使用示例​想......
  • harmonyos 02 app创建,页面跳转
        HDF             添加button导入 router  返回按钮   指定返回的页面      ......
  • Vuex的简单理解和使用
    1、什么是Vuex?在使用vue作为框架的前端项目开发中,我们经常会碰到Vuex,那么Vuex到底是什么东西呢?根据官方文档给出的解释是:Vuex是一个专为Vue.js应用程序开发的状态管理模式+库。它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化。简......
  • 基于SpringBoot+Vue的校园招聘系统设计实现(源码+lw+部署文档+讲解等)
    (文章目录)前言:heartpulse:博主介绍:✌全网粉丝10W+,CSDN特邀作者、博客专家、CSDN新星计划导师、全栈领域优质创作者,博客之星、掘金/华为云/阿里云/InfoQ等平台优质作者、专注于Java、小程序技术领域和毕业项目实战✌:heartpulse:......
  • Vue的优化
    Vue前端开发到第一阶段,就要开始考虑性能优化相关的要点了。这也是用来判断一名前端的水平是否优秀的一个标准。接下来这篇文章,将介绍几种在实践过程中可以用到的性能优化技巧函数型组件由于组件的生命周期处理在框架层面上十分耗时,所以,建议平常尽量使用函数型组件。这样,可以避免不......
  • 查询字符串标签
    1.node表格ip|labels----------------+-------------------------------------------------------1.1.1.1|x_buildrv_build1.1.1.2|x_buildrv_build1.1.1.3|x_buildrv_build1.1.1.4......
  • Vue学习计划-Vue3--核心语法(六)路由
    1.路由【对路由的理解】【基本切换效果】Vue3中要使用vue-router的最新版本,目前是4版本路由配置文件代码如下://创建一个路由器,并暴露出去//第一步:引入createRouterimport{createRouter,createWebHistory}from'vue-router'//引入一个一个可能要呈现组件......
  • 【源码系列#06】Vue3 Diff算法
    专栏分享:vue2源码专栏,vue3源码专栏,vuerouter源码专栏,玩具项目专栏,硬核......