vue+elementUI从B页面回到A页面并且定位到A页面的el-tabs的某个页签

场景

做项目碰到一个需求,不能使用组件缓存keep-alive,但是需要跳转到B页面后,点击B页面的返回回到A页面的某个页签,灵机一动利用路由拦截去判断即将要跳转的页面后,在获取vm里对应的标签变量进行赋值,实现代码如下

代码描述

javascript 复制代码
  beforeRouteEnter: (to, from, next) => {
    next(vm => {
      // 通过 `vm` 访问组件实例
      // 点击返回至A页面,定位到第三个页签
      if (from.path === '/Abrowse') {
        // 定位到项目计划页签
        vm.activeName = 'third';//activeName 需要定位的tabs的变量
      }
    });
  },
相关推荐
敲代码的彭于晏8 小时前
Claude Code Token 烧得太快?这8个方案帮你立省90%!
前端·ai编程·claude
可视之道8 小时前
设备拓扑图中的实时状态映射与动画策略:告警闪烁、流向动画、质量码怎么共存
前端
涂兵兵_青石疏影8 小时前
绘制图像-clip方法
前端
焦糖玛奇朵婷8 小时前
解锁扭蛋机小程序的五大优势
java·大数据·服务器·前端·小程序
SwJieJie8 小时前
windsurf的配置和项目规则、工作流、agent技巧使用
前端
白日梦想家6818 小时前
从基础入手,分清一次性定时器与永久定时器
前端
AIwork4me9 小时前
别再把 RAG 当知识库:用 AutoClaw 搭一套会进化的 Karpathy LLM Wiki
前端
彩票管理中心秘书长9 小时前
Git 归档与补丁命令大全(完整详解版)
前端
RePeaT9 小时前
【Nginx】前端项目部署与反向代理实战指南
前端·nginx
一 乐9 小时前
交通感知与车路协同系统|基于springboot + vue交通感知与车路协同系统(源码+数据库+文档)
java·数据库·vue.js·spring boot·论文·毕设·交通感知与车路协同系统