elementUI侧边栏默认展开所有的菜单

这篇具有很好参考价值的文章主要介绍了elementUI侧边栏默认展开所有的菜单。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

首先要在el-menu标签上添加:default-openeds="openeds"属性,并且在data里面定义,定义的是每一个index的值

<el-menu default-active="3"
 class="el-menu-vertical-demo" 
:default-openeds="openeds" 
@open="handleOpen" 
@close="handleClose">

 文章来源地址https://www.toymoban.com/news/detail-528370.html

data() {
    return {
      scrollHeight: '0px',
      openeds: ['1', '2', '3'],//默认展开导航栏
    }
}

到了这里,关于elementUI侧边栏默认展开所有的菜单的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • el-menu实现左侧菜单栏(vue2,vue3)

    vue3写法 多级数据 1. home.vue 先把页面基底搭建好 2. Sidebar.vue 左侧菜单栏(多级数据) 3. Header.vue 顶部导航栏 一级数据 home页面是一样的 Sidebar.vue Header.vue(我这里还做了一个切换昼夜间模式的主题) vue2 多级数据 一级数据(使用自己的图标

    2024年02月08日
    浏览(39)
  • 使用Vue+Vue-router+el-menu实现菜单功能实战

    上节回顾 上一小节我们使用 H5+CSS3 实现了管理平台的 架构布局 ,并且通过 Vuex 的使用,获取到前端数据本地化存储的username,绑定到右上角进行全局展示。还不了解上下文的同学可以回顾一下 使用Vue+Vuex+CSS3完成管理端响应式架构模板实战 。 本节介绍 本小节已经是专栏的

    2023年04月15日
    浏览(29)
  • 12 使用Vue+Vue-router+el-menu实现菜单功能实战

    上节回顾 上一小节我们使用 H5+CSS3 实现了管理平台的 架构布局 ,并且通过 Vuex 的使用,获取到前端数据本地化存储的username,绑定到右上角进行全局展示。还不了解上下文的同学可以回顾一下 使用Vue+Vuex+CSS3完成管理端响应式架构模板实战 。 本节介绍 本小节已经是专栏的

    2024年02月16日
    浏览(67)
  • react17+antd4 Menu 点击菜单收起其他展开的所有菜单、页面刷新时设置菜单的选中状态和展开状态

    使用path当作Menu的key. 点击菜单,收起其他展开的所有菜单,只留下一个。 Menu的 onOpenChange 方法:SubMenu 展开/ 关闭的回调函数,展开和回收某项菜单时的事件。 Menu的 openKeys 属性:当前展开的SubMenu菜单项的key数组,当前菜单展开项的key数组。 当前要展开哪一项的openKeys将来是

    2024年04月13日
    浏览(68)
  • vue 学习笔记 【ElementPlus】el-menu 折叠后图标不见了

    项目当前版本 运行过程中,菜单折叠后,图标不见了 图标不见了 解决办法是 把el-icon 从#title 中提取出来 如 运行结果 el-icon 还是要放于#title里,否则显示不正常

    2024年02月15日
    浏览(65)
  • vue vue-element-ui组件 el-menu高度设置

    水平展示: 外面包个div,再设置属性: 代码示例: 效果:

    2024年02月11日
    浏览(44)
  • vue3+element plus 中el-menu 怎么实现路由跳转

       

    2024年02月07日
    浏览(37)
  • Element UI更改下拉菜单el-dropdown-menu样式

    源代码: 这个样式更改还是有点费劲的,如图: 我想更改el-dropdown-item的样式,但是正常覆盖更改无法生效的,从渲染结构可以看出来这个下拉菜单的渲染列表是在文档最底部的。 vue文件新建一个 style样式, 不加scoped; 为保证这个组件的样式 不会影响到其他页面组件样式

    2024年02月09日
    浏览(45)
  • Vue+ELementUI主页布局----侧边栏布局(el-aside)

    第一节Login.vue登录表单知识:  Element-UI+vue实现登录表单_我爱布朗熊的博客-CSDN博客 具体Element-UI地址: Element - The world\\\'s most popular Vue UI framework   目录 一、布满整个页面 二、主页Header布局 三、主页左侧带单布局 四、axios请求拦截器添加token,保证拥有获取数据的权限 五、发

    2024年02月02日
    浏览(34)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包