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的变量
      }
    });
  },
相关推荐
锋行天下3 小时前
半秒开!还有谁!!!
前端·vue.js·架构
代码搬运媛4 小时前
git 下中文文件名乱码问题解决
前端
CaffeinePro4 小时前
告别知识点零散!React零基础通关,从环境搭建到Ant Design页面实战
前端·react.js
cidy_984 小时前
水龙头领不到测试币?手把手用 Hardhat 本地环境零门槛学以太坊交易
前端
因_崔斯汀4 小时前
Three.js 3D 地图特效与材质实现指南
前端
angerdream4 小时前
手把手编写儿童手机远程监控App之vue3用 AI Agent生成菜单
前端
cidy_984 小时前
Git Pull 代码冲突后完整回退教程
前端
JING小白4 小时前
Day 1 重学Vue:响应式系统的“底层逻辑”变更,Vue2旧时代的终结与Vue3新时代的开启
前端·vue.js
张就是我1065924 小时前
一个 ZIP 文件,把 webshell 写到了不该在的地方
前端
张就是我1065924 小时前
SPIP 的一个漏洞:你以为过滤了,其实没过滤干净
前端