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的变量
      }
    });
  },
相关推荐
指尖跳动的光7 分钟前
前端视角-如何保证系统稳定性
前端
麦麦大数据7 分钟前
F064 vue+flask知识图谱在线学习系统
vue.js·flask·知识图谱·在线学习·学习系统·ai学伴·ai助学
fruge9 分钟前
2025全栈技术深耕与实践:从框架融合到工程落地
前端
秋42719 分钟前
tomcat与web服务器
服务器·前端·tomcat
hdsoft_huge28 分钟前
Java 实现高效查询海量 geometry 及 Protobuf 序列化与天地图前端分片加载
java·前端·状态模式
MoonBit月兔29 分钟前
用 MoonBit 打造的 Luna UI:日本开发者 mizchi 的 Web Components 实践
前端·数据库·mysql·ui·缓存·wasm·moonbit
程序员修心31 分钟前
CSS浮动与表格布局全解析
前端·html
登山人在路上36 分钟前
Vuex构建可维护的 Vue.js 状态管理
vue.js
登山人在路上43 分钟前
Pinia :下一代 Vue 状态管理
vue.js
POLITE31 小时前
Leetcode 238.除了自身以外数组的乘积 JavaScript (Day 7)
前端·javascript·leetcode