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的变量
      }
    });
  },
相关推荐
潍坊老登12 小时前
写了一个某音自动刷视频,通过大模型分析视频主题的Android应用
前端
蔓越莓12 小时前
性能优化:webpack打包层面优化
前端·面试
TJHHH.12 小时前
XSS-labs-master
前端·web安全·xss
风月说与山鬼12 小时前
十二、Vue插件
前端·vue.js
spter。13 小时前
一次 Redis SETNX 的小插曲,我重新理解了原子性
前端·redis·bootstrap
Sayai13 小时前
【无标题】ECharts 实现日志量异常检测:基线 ±Kσ 基带 + 灵敏度切换(Vue2 实战)
前端·javascript·echarts
用户31693538118313 小时前
SpringBoot + Vue 项目生产环境部署完整指南
前端·后端
Csvn13 小时前
🔍 TypeScript `satisfies` 操作符:既要类型安全,又要推断的原始字面量类型
前端
Csvn13 小时前
🚦 手写 Promise 并发控制:如何优雅限制异步请求的并发数?
前端
gb421528714 小时前
python中Web应用服务器
开发语言·前端·python