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的变量
      }
    });
  },
相关推荐
i听风逝夜11 小时前
Web 3D地球实时统计访问来源
前端·后端
iMonster11 小时前
React 组件的组合模式之道 (Composition Pattern)
前端
北辰alk11 小时前
Vue 中 nextTick 的魔法:为什么它能拿到更新后的 DOM?
vue.js
呐呐呐呐呢11 小时前
antd渐变色边框按钮
前端
Dwzun12 小时前
基于SpringBoot+Vue的体重管理系统【附源码+文档+部署视频+讲解)
vue.js·spring boot·后端
元直数字电路验证12 小时前
Jakarta EE Web 聊天室技术梳理
前端
wadesir12 小时前
Nginx配置文件CPU优化(从零开始提升Web服务器性能)
服务器·前端·nginx
牧码岛12 小时前
Web前端之canvas实现图片融合与清晰度介绍、合并
前端·javascript·css·html·web·canvas·web前端
灵犀坠12 小时前
前端面试八股复习心得
开发语言·前端·javascript
9***Y4812 小时前
前端动画性能优化
前端