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的变量
      }
    });
  },
相关推荐
爱勇宝13 分钟前
人生没有最好的年龄,只有最好的状态
前端
达子66617 分钟前
第22章_HarmonyOs开发图解之 蓝牙
vue.js
幼儿园技术家23 分钟前
前端 Node 全家桶
前端·js or ts
无人生还25 分钟前
从 Vue3 到 React · 快速上手系列第 9 篇:自定义 Hook(对标 Composables)
前端·vue.js·react.js
张龙68736 分钟前
RAG 知识库问答系统实战:分块、混合检索、RRF 融合与重排全链路拆解
前端
用户13060956072336 分钟前
第二章学完后,我对 webpack5 前端工程化的一点理解
前端
a11177637 分钟前
小鸡下蛋 小游戏 html
前端·开源·html
码哥DFS1 小时前
算法练习day1-备战2027届秋招
前端·javascript·数据结构·算法
Bigger1 小时前
因为一句「华流才是最屌的」,我做了一个中国风设计的 Skill
前端·人工智能·设计
别怪我很水1 小时前
Vue element admin 浏览器本地存储 localStorage、useStorage
前端·javascript·vue.js