這篇文章給大家介紹使用element-ui怎么設(shè)置菜單欄展開，內(nèi)容非常詳細(xì)，感興趣的小伙伴們可以參考借鑒，希望對大家能有所幫助。

創(chuàng)新互聯(lián)專業(yè)為企業(yè)提供遼寧網(wǎng)站建設(shè)、遼寧做網(wǎng)站、遼寧網(wǎng)站設(shè)計(jì)、遼寧網(wǎng)站制作等企業(yè)網(wǎng)站建設(shè)、網(wǎng)頁設(shè)計(jì)與制作、遼寧企業(yè)網(wǎng)站模板建站服務(wù)，十余年遼寧做網(wǎng)站經(jīng)驗(yàn)，不只是建網(wǎng)站，更提供有價(jià)值的思路和整體網(wǎng)絡(luò)服務(wù)。

element-ui 側(cè)邊欄默認(rèn)要全部展開怎么做？

element-ui文檔中是這么寫的

default-openeds 當(dāng)前打開的sub-menu的key數(shù)組

給標(biāo)簽加上這個(gè)屬性

openeds需要在data里面定義一下

openeds是一個(gè)數(shù)組（當(dāng)前打開的sub-menu的 key 數(shù)組）

data () {
 return {
 openeds: ['1'],
 uniqueOpened: false
 }
}

openeds: ['1'],

:defaultOpeneds=['...'] 屬性內(nèi)容和下面的 里面的index內(nèi)容是關(guān)聯(lián)的，兩個(gè)屬性內(nèi)容是一樣的就可以關(guān)聯(lián)了

如果你定義了3個(gè)需要展開的菜單導(dǎo)航

openeds: ['1','2','3'],

這樣設(shè)置就好！

拓展知識(shí)：vue.js+element-ui動(dòng)態(tài)配置菜單方法

如下所示：

{{item.name}}

{{child.name}}

0" :index="item.children[0].path">{{item.children[0].name}}

關(guān)于使用element-ui怎么設(shè)置菜單欄展開就分享到這里了，希望以上內(nèi)容可以對大家有一定的幫助，可以學(xué)到更多知識(shí)。如果覺得文章不錯(cuò)，可以把它分享出去讓更多的人看到。