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的变量
      }
    });
  },
相关推荐
Ruihong9 分钟前
你的 Vue 3 defineProps(),VuReact 会编译成什么样的 React?
vue.js·react.js·面试
小高00711 分钟前
🔥前端性能内卷终点?Signals 正在重塑我们的开发习惯
前端·javascript·vue.js
周末也要写八哥18 分钟前
HTML网页设计入门之“做前端”的基本思路
前端·html
VelinX22 分钟前
【个人学习||vue】
前端·vue.js·学习
禅思院26 分钟前
前端性能优化:从“术“到“道“的完整修炼指南
前端·性能优化·前端性能优化·分层优化模
用泥种荷花29 分钟前
OpenClaw 插件开发避坑指南
前端
LXXgalaxy39 分钟前
Vue3 列表数据流:从赋值入门到进阶(独立学习版)
javascript·vue.js·学习
恋猫de小郭43 分钟前
compose_skill 和 android skills,对 Android 项目提升巨大的专家 AI Skills
android·前端·flutter
J_liaty1 小时前
Vue2 从入门到精通
前端·javascript·vue.js
INF_MAX1 小时前
一些不错的页面设计(持续记录)
前端