首页 > 其他分享 >vue+element-ui刷新路由的时候保持在当前页面小技巧

vue+element-ui刷新路由的时候保持在当前页面小技巧

时间:2023-03-19 16:57:34浏览次数:44  
标签:vue element defaultActive ui 当前 刷新 路由 页面

前言:
很多小伙伴在练习vue项目的时候会遇到这样一个问题,就是刷新页面的时候,路由没有显示到当前页面,而是重定向回首页了,那么该怎么解决呢,就请各位小伙伴看下面的内容介绍吧!

正片开始:

  1. 首先绑定个自定义变量
:default-active="defaultActive"

image

  1. 然后在data里面定义
defaultActive: "/home",

image

  1. 最后一步关键步骤
  created () {
    this.defaultActive = this.$route.path // 关键 通过他就可以监听到当前路由状态并激活当前菜单
  },

image

  1. 刷新页面之后的效果:

image

标签:vue,element,defaultActive,ui,当前,刷新,路由,页面
From: https://www.cnblogs.com/Amyel/p/17233557.html

相关文章