element菜单

555 阅读1分钟

导航菜单默认为垂直模式,我们可以通过mode属性可以使导航菜单变更为水平模式。 在菜单中通过submenu组件可以生成二级菜单。 并且Menu 还提供了background-colortext-coloractive-text-color,分别用于设置菜单的背景色、菜单的文字颜色和当前激活菜单的文字颜色。

用到属性

elment中一些菜单属性的调用和基本用法 collapse 是否水平折叠收起菜单(仅在 mode 为 vertical 时可用) background-color 菜单的背景色 active-text-color 当前激活菜单的文字颜色 text-color 菜单的文字颜色 default-active 当前激活菜单 default-openeds 当前打开的 sub-menu 的 index 的数组 unique-opened 是否只保持一个子菜单的展开 menu-trigger 子菜单打开的触发方式 router 是否使用 vue-router 的模式,启用该模式会在激活导航时以 index 作为 path 进行路由跳转 collapse-transition 是否开启折叠动画

方法 open和close 一个是展开指定的,一个是收起指定的

事件 select 菜单激活回调 open和close也属于事件