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