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}}
{{item.children[0].name}}
vue项目动态配导航菜单,只要路由配置好,菜单就能实现。
以上这篇element-ui 设置菜单栏展开的方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持我们。
本文标题: element-ui 设置菜单栏展开的方法
本文地址: http://www.cppcns.com/wangluo/javascript/237851.html