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的变量
      }
    });
  },
相关推荐
晓1313几秒前
React篇——第六章 React进阶特性与状态管理
前端·react.js·性能优化
菜鸟茜6 分钟前
ES6核心知识解析03:为什么用let和const取代var
前端·javascript·es6
wuhen_n11 分钟前
复杂任务拆解:让AI像项目经理一样思考
前端·javascript·ai编程
Arya_aa11 分钟前
拿取gitee中现成的vue-manage-system模板
前端·javascript·vue.js
白嫖叫上我11 分钟前
弹窗之封装拖拽与拖动拉伸
前端
清汤饺子12 分钟前
Spec Kit:让 AI 编程从 Vibe Coding 到 Spec First
前端·javascript·后端
爱学习的小仙女!15 分钟前
面试题 前端(二)元素显示模式 块元素行内元素区别
前端·前端面试题
酉鬼女又兒16 分钟前
零基础快速入门前端蓝桥杯 Web 备考:AJAX 与 XMLHttpRequest 核心知识点及实战(可用于备赛蓝桥杯Web应用开发)
前端·ajax·职场和发展·蓝桥杯·css3·js
Sammyyyyy18 分钟前
Node.js、Bun 与 Deno,2026 年后端运行时选择指南
前端·后端·node.js·servbay