default-active属性设置 确保default-active属性的值是一个字符串,且该字符串与某个el-menu-item的:index属性值完全匹配。例如: html <el-menu :default-active="activeIndex"> <el-menu-item :index="'1'">首页</el-menu-item> <el-menu-item :index="'2'">产品</...
就是有几级就记录几级,根据自己路由情况来获取对应的路由 <el-menu :default-active="activeMenu"class="el-menu-vertical-demo"active-text-color="#007DED"router> <el-menu-item index='/menu'></el-menu-item> </el-menu> import {useRoute,onBeforeRouteUpdate} from 'vue-router'const route=useRo...
由如下代码可知,<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-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...
<divclass="my-house"@click="joinChannel(rid)"><iclass="el-icon-house"></i><spanslot="title">我的房间</span></div><!--导航菜单--><el-menu:default-active="defaultActive"active-text-color="#F38621"><el-menu-itemindex="/index"><iclass="el-icon-s-home"></i><spanslot="title...
<template><el-menudefault-active="/home/root"routertext-color="#ffffff"active-text-color="#ff0000"background-color="#191970"><el-menu-itemindex="/home/root"><el-icon><component:is="data[2].com"></component></el-icon><span>主页</span></el-menu-item><el-menu-itemindex="/home/...
activeIndex.value="0"; 解决:nuxt是服务端渲染框架,使用client-only标签使该组件仅在客户端渲染,然后问题就解决了 代码语言:javascript 复制 <client-only><el-menu:default-active="activeIndex"mode="horizontal"active-text-color="#409EFF"><template v-for="(item,index) in menuList"><el-menu-item v...
- default-active:设置默认选中的菜单项。 - unique-opened:是否只保持一个子菜单展开。 - router:是否开启路由模式,如果开启,点击菜单项会自动触发路由跳转。 下面是使用el-menu的示例代码: html <el-menu :default-active="activeIndex" mode="horizontal" router> <el-menu-item index="home">首页</el-menu...
然后在menu组件上设置default-active的值为:$route.name,这样就可以实现刷新时导航栏选中当前页的问题。最后设置el-menu-item的index属性为router.js文件里跳转路由的name值,route属性为:路由的path,如图: 通过这样设置,就可以实现刷新页面时,导航栏的选中项和页面显示一致,并且从b页面跳转到c页面时,还能保持b选中的...
<el-menu :default-active="activeIndex" mode="horizontal" :router="true" background-color="#091639" text-color="#fff" active-text-color="#FEC002" @select="handleSelect"> <el-menu-item index="/device_new/">设备管理</el-menu-item> ...