el-menu使用,收起某个子菜单

需要满足以下两个需求:

先满足第一个需求,点击导航二,将导航一收起来

第一步:先设置好属性,



default-openeds=[],表示打开的子项为空,设置完之后会发现,点击有子项的导航栏打不开了,之后就是设置事件,给导航二设置点击事件,

当用户点击了导航二,触发事件,将defaultOpenedsArray=[],如果点击的是导航一,就将导航一的index,替换defaultOpenedsArray中的第一项,

这样就完成了第一个需求


接着是第二个需求,先设置 @open="submenuEvent"事件,拿到索引,并直接跳转到想要点击的子项,直接触发点击某个子项时会调用的事件就ok了


©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 一直想抽时间把些较为基础的控件统一系统化抽取出来形成Demo,方便记录以及解答,以下是项目的效果,如果有欠缺的,欢...
    AnandLin阅读 34,901评论 2 26
  • 这节课是 Android 开发(入门)课程 的第四部分《数据与数据库》的最后一节课,导师依然是 Jessica L...
    HsuJin阅读 2,714评论 0 4
  • 1. 菜单的分类 菜单是Android应用中非常重要且常见的组成部分,主要可以分为三类:选项菜单、上下文菜单/上下...
    小的橘子阅读 9,441评论 0 7
  • 通知是您可以在应用的常规 UI 外部向用户显示的消息。当您告知系统发出通知时,它将先以图标的形式显示在通知区域中。...
    言米010阅读 491评论 0 0
  • * 窗口和视图 窗口解构、警报、框、栏视图、对话框、图像视图、大纲视图、面板、弹窗、滚动视图、表单、侧边栏、拆分视...
    王滋溜阅读 1,757评论 0 1

友情链接更多精彩内容