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 分钟前
e.preventDefault()到底怎么用?
前端·javascript
北寻北爱15 分钟前
面试题-vue篇
前端·vue.js
XPoet17 分钟前
AI 编程工程化:Skill——给你的 AI 员工装上技能包
前端·后端·ai编程
JEECG低代码平台17 分钟前
JeecgBoot低代码平台 Qiankun 微前端集成指南:主应用配置全流程
前端·低代码
木斯佳1 小时前
鸿蒙开发入门指南:前端开发者快速掌握常用布局
前端·css
咕噜咪1 小时前
OpenLayers 入门教程:从零开始学习Web地图开发
前端·学习
炽烈小老头1 小时前
前端最最最基础的基础HTML基础
前端·html
小霖家的混江龙1 小时前
仿淘宝 AI 推荐:用 Next.js 构建入门智能水果推荐 Demo
前端·人工智能·next.js
诚诚程程成1 小时前
URL Query Editor 前端开发工具:方便调试页面URL参数 URL参数可视化
前端
CHU7290352 小时前
直播逛购新体验——直播商城APP前端功能详解
前端·小程序