官方文档给出了设置默认选中的属性。 Menu Attribute 设置:default-active即可。 可是如果不是从导航切换进页面的,比如从上一个页面里的按钮点击进入该界面,就不知道怎么设置当前选中项了。 那只能自己想办法了。 因为我的项目用了vue-router,页面通过<router-view></router-view>引入组件的,所以我就想,在进入组件...
由如下代码可知,<el-menu-item :index="child.path"中path表示点击时激活的路由,而我们现在做的是要同步以下路由,我们要改变的是<el-menu>的:default-active="activePath"属性 <el-menu:uniqueOpened="true"class="el-menu-vertical-demo"text-color="#fff"background-color="#272727"active-text-color="#ffd...
10 注意事项：1，刷新定位当前路由，需要在el-menu标签中定义:default-active="$route.path"，这样当你刷新路由时就会自动定位但当前的路由位置。2，el-submenu和el-menu-item标签中的index属性定义，需要解析下路由将要跳转的路由赋给index。
<template lang='pug'> section(style='width:210px') el-menu(default-active='menu1' :default-openeds='["submenu1"]' @open='handleOpen' @close='handleClose' @select='handleSelect') el-menu-item(index='menu1') 单项菜单1 el-menu-item(index='menu2') 单项菜单2 el-submenu(index='submen...
需求:点击【我的房间】,【首页】高亮 错误做法:点击【我的房间】,修改default-active的值,发现default-active的值改变了,但高亮未生效 正确做法:点...
itemindex="expensive">外卖太贵了</el-menu-item></el-submenu></el-menu></div></div><divclass="right"><router-view></router-view></div></div></template><script>exportdefault{name:"Home",data(){return{// 这里使用当前路由的name名字会更加好一点,就不会写死了,刷新还在的activeIndex:...
由如下代码可知,<el-menu-item :index="child.path"中path表示点击时激活的路由,而我们现在做的是要同步以下路由,我们要改变的是<el-menu>的:default-active="activePath"属性 <el-menu:uniqueOpened="true"class="el-menu-vertical-demo"text-color="#fff"background-color="#272727"active-text-color="#ffd...
在模板中使用 el-menu 组件时,可以根据需求配置不同的属性和事件。以下是一些常用的属性和事件: default-active:当前激活菜单的 index。 mode:菜单的模式,包括horizontal和vertical。 @select:菜单项被选中时触发的事件。 可以根据需求配置更多的属性,例如theme、collapse、background-color、text-color和active-text-col...
default-active="1-1-1-1" background-color="#545c64" text-color="#fff" active-text-color="#ffd04b"> <!-- 引入组件 --> <menu-tree :menuData="menuList"></menu-tree> </el-menu> </el-aside> <el-main class="main-container">Main</el-main> ...
default-active="1" class="el-menu-vertical-demo" router > <el-menu-item index="/test1" @click="$router.push({ path: '/test1' })" > <i class="el-icon-menu"></i> <span slot="title">导航二</span> </el-menu-item> <el-menu-item index="/test2" ...