本文主要參考：

創(chuàng)新互聯(lián)建站公司2013年成立，先為天壇街道等服務(wù)建站，天壇街道等地企業(yè)，進(jìn)行企業(yè)商務(wù)咨詢(xún)服務(wù)。為天壇街道企業(yè)網(wǎng)站制作PC+手機(jī)+微官網(wǎng)三網(wǎng)同步一站式服務(wù)解決您的所有建站問(wèn)題。

http://element.eleme.io/#/zh-CN/component/menu

在使用elementUI的時(shí)候發(fā)現(xiàn)，能夠展開(kāi)的導(dǎo)航欄是不能展開(kāi)的，效果這里先不演示了?？梢栽谏线叺木W(wǎng)站上看到。

現(xiàn)在有這樣的需求，就是說(shuō)，默認(rèn)的時(shí)候需要展開(kāi)這些導(dǎo)航，就是一打開(kāi)界面的時(shí)候就能夠顯示導(dǎo)航里面的菜單內(nèi)容。

具體操作是這樣的：

 
  
帶 icon
  
   
    
    
     
     
     選項(xiàng)1
     選項(xiàng)2
     
    
    
    
    
     選項(xiàng)3
    
    
    
     
     選項(xiàng)1
    
   
   導(dǎo)航二
   導(dǎo)航三
  
 
 
  
不帶 icon
  
   
    
    
     選項(xiàng)1
     選項(xiàng)2
    
    
     選項(xiàng)3
    
    
     
     選項(xiàng)1
    
   
   導(dǎo)航二
   導(dǎo)航三
  
 
 
  
分組
  
   
    導(dǎo)航一
    導(dǎo)航二
   
   
    導(dǎo)航三
    導(dǎo)航四
   
  
 

需要注意的是這里：

這里的:default-openeds=["1"]是需要展開(kāi)的子sub目錄的index值。

也就是說(shuō)，如果我想要展開(kāi)下面所有的內(nèi)容，我需要這樣寫(xiě)：

總結(jié)

以上所述是小編給大家介紹的vue使用ElementUI時(shí)導(dǎo)航欄默認(rèn)展開(kāi)功能的實(shí)現(xiàn)，希望對(duì)大家有所幫助，如果大家有任何疑問(wèn)請(qǐng)給我留言，小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)創(chuàng)新互聯(lián)網(wǎng)站的支持！