设置:default-active即可。 可是如果不是从导航切换进页面的,比如从上一个页面里的按钮点击进入该界面,就不知道怎么设置当前选中项了。 那只能自己想办法了。 因为我的项目用了vue-router,页面通过<router-view></router-view>引入组件的,所以我就想,在进入组件的时候,设置公共变量值adminleftnavnum为导航的index,...
el-menu的default-active不生效通常是由于设置错误、异步数据加载问题、或组件状态更新不及时等原因导致的。通过仔细检查设置、确认其他代码的影响、查阅官方文档、手动设置激活项以及寻求社区帮助,通常可以解决这类问题。 <br>🎯一键安装IDE插件,智能感知本地环境,精准解答深得你心。立即体验👉文心快码,开启高效开发新...
情况一:单个菜单页面刷新导航失去高亮;(如下图这种菜单类型) 问题是elementUI的el-menu组件提供了一个默认高亮的属性default-active,当页面刷新后default-active的值就会成为默认给的值,解决这个只用取出当前页的路由然后赋值给activeIndex即可,代码如下: <el-menu :default-active="activeIndex" mode="horizontal" :ro...
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...
<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...
在el-menu组件里有这样一个属性,default-active用来表示当前激活菜单的 index 1、如果给default-active设置一个默认值,那么刷新页面时,会出现一个问题,即路由地址和菜单对应的index是不一致的。 <el-menu routerdefault-active="/"background-color="#545c64"text-color="#fff"active-text-color="#ffd04b"> ...
<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/...
<el-menu ref="menu" mode="vertical" router :default-active="$route.path" :collapse-transition="false" :collapse="$store.state.dcp.sidebar.isCollapsed" @select="checkLink" > <menu-item v-for="route in filteredMenu" :key="route.path" :item-route="route" :base-path="route.path" /> ...
菜单点击高亮了 但是active的值没有变化。 Additional comments 这会产生误会,我本来理解这个值是用于控制菜单高亮的,但是点击菜单的时候值并没有改变 当我点击页面的其他地方回去的时候 修改了active的值 发现高亮部分并没有反应 找问题找了好几个小时发现这个default-active绑定的ref值没有任何改变 需要在select 触发...
使用element中的el-menu时候,我们使用路由高亮显示的时候,使用router 模式和default-active 当我们点击左侧菜单栏中的子路由时候,页面路由发生变化,左侧路由的选中状态就会消失,不会仍然保持选中。 我们可以通过route.matched来寻找当前子路由的上机路由, route.matched含义是与给定路由地址匹配的标准化的路由记录数组。就是...