elementUI嵌套路由的导航栏在刷新页面的时候选中状态消失的解决

导读:本篇文章讲解 elementUI嵌套路由的导航栏在刷新页面的时候选中状态消失的解决,希望对大家有帮助,欢迎收藏,转发!站点地址:www.bmabk.com

嵌套路由在router.js里面设置meta路由元信息解决方法

 {
      path: '/home',
      component: Home,
      redirect: '/sys',
      children: [
        { path: '/sys', component: Sys ,meta:'/sys'},
        {
          path: '/app',
          component: App,
          redirect:'/app_port',
          children: [{ path: '/app_port', component: App_port,meta:'/app' }],
        },
      ],
    },
//默认绑定路由设置成变量  ,在data里面声明activerouter:''
  <el-menu
     :default-active="activerouter"
     :router="true"
   >
 created() {
     //获取路由中的路由元信息,设置elementui中的导航栏选中状态
    this.activerouter = this.$route.meta;
    console.log();
  },

普通路由

//首先在elementUI的导航栏的标签中设置
:default-active="activerouter"
//其中activerouter是一个data中的变量,
 mounted() {
    //获取地址栏中的路由,设置elementui中的导航栏选中状态
    this.activerouter = window.location.pathname;
 },

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

文章由极客之音整理,本文链接:https://www.bmabk.com/index.php/post/4863.html

(0)
小半的头像小半

相关推荐

极客之音——专业性很强的中文编程技术网站,欢迎收藏到浏览器,订阅我们!