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的变量
      }
    });
  },
相关推荐
小北方城市网9 分钟前
第 5 课:Vue 3 HTTP 请求与 UI 库实战 —— 从本地数据到前后端交互应用
大数据·前端·人工智能·ai·自然语言处理
踢球的打工仔10 分钟前
ajax的基本使用(上传文件)
前端·javascript·ajax
老华带你飞11 分钟前
农产品销售管理|基于springboot农产品销售管理系统(源码+数据库+文档)
数据库·vue.js·spring boot
樊小肆11 分钟前
ollmam+langchain.js实现本地大模型简单记忆对话-内存版
前端·langchain·aigc
徐小夕14 分钟前
pxcharts 多维表格开源!一款专为开发者和数据分析师打造的轻量化智能表格
前端·架构·github
电商API&Tina16 分钟前
跨境电商速卖通(AliExpress)数据采集与 API 接口接入全方案
大数据·开发语言·前端·数据库·人工智能·python
Mintopia29 分钟前
🏗️ B端架构中的用户归因与埋点最佳实践
前端·react.js·架构
码界奇点29 分钟前
基于Gin+Vue的前后端分离权限管理系统设计与实现
前端·vue.js·车载系统·毕业设计·gin·源代码管理
LYFlied40 分钟前
前端跨端技术全景解析:从本质到未来
前端·职场和发展·跨端
Mintopia41 分钟前
🌐 技术迭代速度与监管适配:WebAIGC的发展平衡术
前端·人工智能·aigc