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


分享文章:使用element-ui怎么设置菜单栏展开
分享地址:http://myzitong.com/article/jjscph.html