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的变量
      }
    });
  },
相关推荐
炽烈小老头8 分钟前
浏览器渲染原理:从 HTML 到像素的全链路拆解
前端
打小就很皮...8 分钟前
React 合同审查组件:按合同原文定位
前端·react.js·markdown
EndingCoder19 分钟前
设计模式在 TypeScript 中的实现
前端·typescript
夏天想23 分钟前
服务端渲染 (SSR)、预渲染/静态站点生成(SSG)
前端
晚霞的不甘38 分钟前
Flutter for OpenHarmony 引力弹球游戏开发全解析:从零构建一个交互式物理小游戏
前端·flutter·云原生·前端框架·游戏引擎·harmonyos·骨骼绑定
春日见40 分钟前
Docker中如何删除镜像
运维·前端·人工智能·驱动开发·算法·docker·容器
码农六六1 小时前
前端知识点梳理,前端面试复习
前端
打小就很皮...1 小时前
React 合同审查组件:按合同标题定位
前端·react.js·markdown
CHU7290351 小时前
智慧陪伴新选择:陪诊陪护预约小程序的暖心功能解析
java·前端·小程序·php
奔跑的web.1 小时前
TypeScript namespace 详解:语法用法与使用建议
开发语言·前端·javascript·vue.js·typescript