使用element-ui怎么设置菜单栏展开-创新互联

这篇文章给大家介绍使用element-ui怎么设置菜单栏展开，内容非常详细，感兴趣的小伙伴们可以参考借鉴，希望对大家能有所帮助。

element-ui 侧边栏默认要全部展开怎么做？

element-ui文档中是这么写的

default-openeds 当前打开的sub-menu的key数组

给标签加上这个属性

openeds需要在data里面定义一下

openeds是一个数组（当前打开的sub-menu的 key 数组）

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

openeds: ['1'],

:defaultOpeneds=['...'] 属性内容和下面的 里面的index内容是关联的，两个属性内容是一样的就可以关联了

如果你定义了3个需要展开的菜单导航

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

这样设置就好！

拓展知识：vue.js+element-ui动态配置菜单方法

如下所示：

{{item.name}}

{{child.name}}

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

关于使用element-ui怎么设置菜单栏展开就分享到这里了，希望以上内容可以对大家有一定的帮助，可以学到更多知识。如果觉得文章不错，可以把它分享出去让更多的人看到。

另外有需要云服务器可以了解下创新互联scvps.cn，海内外云服务器15元起步，三天无理由+7*72小时售后在线，公司持有idc许可证，提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案，具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势，专为企业上云打造定制，能够满足用户丰富、多元化的应用场景需求。