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的变量
      }
    });
  },
相关推荐
菩提小狗19 分钟前
第3天:基础入门-抓包&封包&协议&APP&小程序&PC应用&WEB应用|小迪安全笔记|网络安全|
前端·安全·小程序
雨飞飞雨23 分钟前
深度学习响应式系统
前端·vue.js·前端框架
大布布将军26 分钟前
⚡后端安全基石:JWT 原理与身份验证实战
前端·javascript·学习·程序人生·安全·node.js·aigc
ybc465228 分钟前
React、Next安全漏洞问题修复和自测
前端·安全·next.js
huali29 分钟前
社区划分:让AI理解你的代码重构意图
前端·javascript·vue.js
掘金安东尼30 分钟前
⏰前端周刊第446期(2025年12月22日–12月27日)
前端
不老刘37 分钟前
前端面试八股文:单线程的JavaScript是如何实现异步的
前端·javascript·面试
J总裁的小芒果39 分钟前
后端返回参数不一致 前端手动处理key
前端·vue.js·elementui
闲云一鹤40 分钟前
【工具篇】使用 nvm 进行 node 版本管理
前端·npm·node.js