设置:default-active即可。 可是如果不是从导航切换进页面的,比如从上一个页面里的按钮点击进入该界面,就不知道怎么设置当前选中项了。 那只能自己想办法了。 因为我的项目用了vue-router,页面通过<router-view></router-view>引入组件的,所以我就想,在进入组件的时候,设置公共变量值adminleftnavnum为导航的index,...
1、直接一行代码: <el-menu :default-active="$route.path"></el-menu> 2、稍微麻烦一些: (1)、<el-menu> 设置属性 :default-active="activeIndex" (2)、watch方法检测路由变化 (3)、created生命周期设置路由 具体代码如下: <template> <div id="app"> <el-menu :default-active="activeIndex" backgr...
在el-menu 中增加:default-active="active" import { useRouter,useRoute } from "vue-router"; //方式一: const router=useRouter(); const active=router.currentRoute.value.path; //方式二:推荐 const route=useRoute(); const active=route.path; 下面是控制台输出router的结果 问题三:收缩菜单,右侧有...
el-menu 设置选中状态的项目的颜色和背景色及动态设置菜单图标及全屏的关键:height: 100vh <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"></...
default-active属性在el-menu组件中的作用: default-active属性用于控制菜单项在初始化时的激活状态。这对于创建导航菜单特别有用,因为它可以帮助用户快速识别当前所在的页面或导航部分。如何在Vue3的el-menu组件中设置default-active属性的示例代码: vue <template> <el-menu :default-active="active...
这是路由,当要动态从数据库加载时,就不能写在这 <el-menu router active-text-color="#ffd04b" background-color="#000" class="el-menu-vertical-demo" :default-active="this.$route.path" text-color="#fff" @open="" @close="" > <el-menu-item index="/home"> ...
// 设置router 为了子组件:index="item.path" 绑定做跳转页面<template><div><el-scrollbarwrap-class="scrollbar-wrapper"><el-menurouter:default-active="activeMenu":collapse="isCollapse":background-color="variables.menuBg":text-color="variables.menuText":unique-opened="false":active-text-color="...
由如下代码可知,<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...
vue3+element plus动态设置el-menu导航,刷新页面保持当前菜单选中项及路由? 钟爱VUE 20319 发布于 2022-07-20 vue.js 有用关注4收藏 回复 阅读5k 3 个回答 得票最新 汪阿浠 224 发布于 2023-03-03 浙江新手上路,请多包涵 改成这个参数就OK :default-active="$route.path"...
this.$store.state.adminleftnavnum的值即可 exportdefault{ created () {this.$store.state.adminleftnavnum="2-2";//设置左侧导航2-2 active} } 预览地址:https://besswang.github.io/element-admin/dist/index.html#/ 参考地址:http://yaohuitao.com/?p=341...