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的变量
      }
    });
  },
相关推荐
紫_龙1 分钟前
最新版vue3+TypeScript开发入门到实战教程之组件通信之一
前端·vue.js·typescript
yivifu6 分钟前
接近完美的HTML文本双行合一排版
前端·javascript·html·双行合一
fxshy7 分钟前
前端直连模型 vs 完整 MCP:大模型驱动地图的原理与实践(技术栈Vue + Cesium + Node.js + WebSocket + MCP)
前端·vue.js·node.js·cesium·mcp
鹏程十八少9 分钟前
10. Android Shadow是如何实现像tinker热修复动态修复so(源码解析)
android·前端·面试
destinying12 分钟前
性能优化之项目实战:从构建到部署的完整优化方案
前端·javascript·vue.js
我命由我1234516 分钟前
React - React Redux 数据共享、Redux DevTools、React Redux 最终优化
前端·javascript·react.js·前端框架·ecmascript·html5·js
英俊潇洒美少年16 分钟前
数据驱动视图 vue和react对比
javascript·vue.js·react.js
Jinuss17 分钟前
源码分析之React中的createContext/useContext详解
前端·javascript·react.js
代码搬运媛19 分钟前
幽灵依赖终结者:pnpm 的 node_modules 结构隔离深度解析
前端
不喝水的鱼儿24 分钟前
KT Qwen3.5-35B-A3B 记录
java·前端·python