el-submenu 直接@click不管用 需要加.native el-menu-item @click管用(不过按说不加.native只能接收自定义事件(通过子组件$emit触发),可能是el-menu-item内部向外emit了click事件)
点击el-submenu触发open/close事件,可以知道选了哪个和路径数组 el-menu设置router属性的时候,index作为 path 进行路由跳转 网络异常,图片无法展示 | 折叠菜单 一级菜单每个加特定的图标,然后就可以折叠,这样最大化内容区。 折叠使用的是el-menu的collapse属性。但记得将文字用标签裹起来,且加上slot='title',这样...
问题一 el-submenu不加index的报错图 细节:el-submenu必须要加index 原因是index的属性值是定义组件时必须传入的。同时组件的@select也需要用到这个index 问题二 点击只有一级菜单时不自动合上其他已经展开的菜单 效果图 想要解决这个问题,就要用到组件提供的另外一个事件,@select事件,代码图如下 附带打印select回调函...
问题一 el-submenu不加index的报错图 原因是index的属性值是定义组件时必须传入的。同时组件的@select也需要用到这个index 问题二 点击只有一级菜单时不自动合上其他已经展开的菜单 效果图如下 想要解决这个问题,就要用到组件提供的另外一个事件,@select事件,代码图如下 ...
问题一 el-submenu不加index的报错图 原因是index的属性值是定义组件时必须传入的。同时组件的@select也需要用到这个index 问题二 点击只有一级菜单时不自动合上其他已经展开的菜单 效果图如下 想要解决这个问题,就要用到组件提供的另外一个事件,@select事件,代码图如下 ...
当用户点击了导航二,触发事件,将defaultOpenedsArray=[],如果点击的是导航一,就将导航一的index,替换defaultOpenedsArray中的第一项, 这样就完成了第一个需求 接着是第二个需求,先设置 @open="submenuEvent"事件,拿到索引,并直接跳转到想要点击的子项,直接触发点击某个子项时会调用的事件就ok了...
@select:菜单项被选中时触发的事件。 可以根据需求配置更多的属性,例如theme、collapse、background-color、text-color和active-text-color等。 四、使用 el-submenu 创建子菜单 除了基本的 el-menu-item,el-menu 组件还支持创建子菜单(el-submenu)。可以通过嵌套 el-menu-item 和 el-submenu 的方式创建复杂的菜单...
将default-active设置为$route.path,el-menu-item的index设为要跳转的路由(并且点击菜单项,会直接push到点击的页面)。注意:一定要设置el-submenu的index属性(1,2,3…)。不然会出bug 这样就无需关心default-active的属性值了。只要路由改变了,对应的菜单项也会激活...
当用户点击了导航二，触发事件，将defaultOpenedsArray=[],如果点击的是导航一，就将导航一的index,替换defaultOpenedsArray中的第一项，这样就完成了第一个需求 接着是第二个需求，先设置 @open="submenuEvent"事件，拿到索引，并直接跳转到想要点击的子项，直接触发点击某个子项时会调用的事件...