热门标签 | HotTags
当前位置:  开发笔记 > 前端 > 正文

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动态配置菜单方法

如下所示:


vue项目动态配导航菜单,只要路由配置好,菜单就能实现。

以上这篇element-ui 设置菜单栏展开的方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持。


推荐阅读
author-avatar
zhongxiaomin1981
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有