這篇文章給大家分享的是有關(guān)如何使用element-ui的el-menu導(dǎo)航選中后刷新頁(yè)面保持當(dāng)前選中狀態(tài)的內(nèi)容。小編覺得挺實(shí)用的，因此分享給大家做個(gè)參考，一起跟隨小編過來(lái)看看吧。

創(chuàng)新互聯(lián)專注于溧陽(yáng)企業(yè)網(wǎng)站建設(shè),成都響應(yīng)式網(wǎng)站建設(shè)公司,購(gòu)物商城網(wǎng)站建設(shè)。溧陽(yáng)網(wǎng)站建設(shè)公司,為溧陽(yáng)等地區(qū)提供建站服務(wù)。全流程按需求定制網(wǎng)站，專業(yè)設(shè)計(jì)，全程項(xiàng)目跟蹤，創(chuàng)新互聯(lián)專業(yè)和態(tài)度為您提供的服務(wù)

具體代碼如下所示：

 　　　　　　　　
　　　　　　　　//router當(dāng)導(dǎo)航激活時(shí)允許以index作為路由進(jìn)行頁(yè)面的跳轉(zhuǎn),$route.path當(dāng)前路由對(duì)象的路徑，字符串，絕對(duì)路徑 　　　　　　　　
　　　　　　　　//unique-opened只允許有一個(gè)下拉菜單處于打開的狀態(tài) 　　　　　　　　
　　　　　　　　//使用default-active來(lái)實(shí)現(xiàn)當(dāng)前菜單激活的選項(xiàng)
　　　　　　　　//default-openeds當(dāng)前打開的 sub-menu 的 index 的數(shù)組
首頁(yè)
      
       
        導(dǎo)航一
       
       
        
         選項(xiàng)一
        
       
       
        
         選項(xiàng)二
        
       
      
    

mounted(){
      let path = this.$route.path;
      this.navConfig = [
        {index:'1',path:['/system/aa','/system/bb','/system/cc']},
      ];
      let thisNav = this.navConfig.find(item =>{
        return item.path.includes(path);
      });
      this.defaultOpeneds = [thisNav.index];
    }

ps：下面看下vue Element-ui el-menu 左側(cè)導(dǎo)航條

 0&&child.level==2" :key="child.id" :index="child.linkname">
 {{child.linkname}}
 
 {{three.linkname}}
 
 
 
 
 {{child.linkname}}
 
 
 
 
 
 {{item.linkname}}