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的变量
      }
    });
  },
相关推荐
1024肥宅3 分钟前
浏览器网络请求 API:全面解析与高级封装(1)
前端·websocket·axios
小费的部落5 分钟前
Excel 在Sheet3中 匹配Sheet1的A列和Sheet2的A列并处理空内容
java·前端·excel
霍格沃兹测试学院-小舟畅学6 分钟前
Cypress 入门与优势分析:前端自动化测试的新利器
前端
1024肥宅6 分钟前
浏览器网络请求 API:全面解析与高级封装(2)
前端·websocket·axios
JosieBook10 分钟前
【Vue】03 Vue技术——Vue.js 入门学习笔记:Hello World 案例详解
vue.js·笔记·学习
幼儿园技术家11 分钟前
深入理解 CSR / SSR / SSG:前端三种渲染模式的本质与选型
前端
How_doyou_do16 分钟前
常见的设计模式
前端·javascript·设计模式
38242782720 分钟前
汇编:条件汇编、
前端·汇编·数据库
狗哥哥22 分钟前
企业级 HTTP 客户端架构演进与设计
前端·架构
前端无涯28 分钟前
react组件(4)---高阶使用及闭坑指南
前端·react.js