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的变量
      }
    });
  },
相关推荐
Java小卷8 小时前
低代码表单联动配置:从节点驱动到数据驱动
前端·低代码
DianSan_ERP8 小时前
WMS接入电商平台自动化履约实战:一张订单从平台到出库的接口时序设计
java·前端·网络·数据库·安全·架构·自动化
莪_幻尘8 小时前
手把手书写你的第一个 AI Agent:当 Skill 有了记忆、角色和主动性
前端·agent
原则猫9 小时前
设计模式
前端
光影少年9 小时前
react navite环境与工程化
前端·react native·react.js
PedroQue999 小时前
v2.6.0 新增全局返回守卫与 iOS 侧滑拦截,补齐跨端路由拦截能力
前端·uni-app
lichenyang4539 小时前
从「房间」到「实时通知」:用 NestJS + Socket.IO 实现团队邀请的完整工程实践
前端·后端
ly76899 小时前
Vue 3 从入门到工程实践:基础语法、组件化、路由、状态管理与项目部署
前端·javascript·vue.js
掘金酱10 小时前
TRAE Work 实战帮征文 | 获奖名单公示
前端·人工智能·后端
陆枫Larry10 小时前
Chromium和Chrome到底是什么关系?
前端