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的变量
      }
    });
  },
相关推荐
CHANG_THE_WORLD几秒前
switch case 二分搜索风格
前端·数据库
我的golang之路果然有问题几秒前
实习中遇到的 CORS 同源策略自己的理解分析
前端·javascript·vue·reactjs·同源策略·cors
Pony_183 分钟前
面试 - web ui 自动化
前端·ui·自动化
EndingCoder10 分钟前
接口基础:定义对象形状
linux·运维·前端·javascript·typescript
WebGISer_白茶乌龙桃12 分钟前
Vue3 + Mapbox 加载 SHP 转换的矢量瓦片 (Vector Tiles)
javascript·vue.js·arcgis·webgl
Pilot-HJQ23 分钟前
固定 Element UI 表格表头的方法(超简单)
vue.js·学习·css3·html5
passerma31 分钟前
解决qiankun框架子应用打包后css里的图片加载404失败问题
前端·微前端·qiankun
Aliex_git43 分钟前
性能优化 - Vue 日常实践优化
前端·javascript·vue.js·笔记·学习·性能优化
董世昌411 小时前
添加、删除、替换、插入元素的全方法指南
java·开发语言·前端
qq_316837751 小时前
Element-Plus el-table lazy 自动更新子列表
前端·vue.js·elementui