在el-menu组件里有这样一个属性,default-active用来表示当前激活菜单的 index 1、如果给default-active设置一个默认值,那么刷新页面时,会出现一个问题,即路由地址和菜单对应的index是不一致的。 <el-menu routerdefault-active="/"background-color="#545c64"text-color="#fff"active-text-color="#ffd04b"> i...
情况一:单个菜单页面刷新导航失去高亮;(如下图这种菜单类型) 问题是elementUI的el-menu组件提供了一个默认高亮的属性default-active,当页面刷新后default-active的值就会成为默认给的值,解决这个只用取出当前页的路由然后赋值给activeIndex即可,代码如下: <el-menu :default-active="activeIndex" mode="horizontal" :ro...
解决办法是给menu的default-active绑定route.path 形如: <el-menu :default-active="$route.path" ...> 每次渲染menu都会读当前path 设置为default-active
解决element-ui中el-menu组件作为vue-router模式在刷新页面后default-active属性与当前路由页面不一致问题的方法 2017-11-29 17:38 −... maoguy 0 18284 vue2.5 + element UI el-table 导出Excel 2019-12-16 21:20 −### 安装依赖 ``` npm install --save xlsx file-saver ``` ### 新建excel...
1.在配置路由的时候,设置meta属性,把同一el-menu-item下的页面设置成相同的值.也考虑过把name设置成相同的值,但是显然不行,浏览器会报路由名字相同的警告 {path:"/companyinfo",name:"companyinfo",component:()=>import(/* webpackChunkName: "companyinfo" */"../views/CompanyInfo.vue"), ...
初学者麻烦给个建议,这个问题应该是我使用不当<el-menu class="el-menu-vertical-demo" unique-opened router :class="{'toggled': toggled}" :default-active="$route.path"> <template v-for="(menu, index) in menus"> <el-submenu :index="index+''"> <template slot="title"><i class="el-sub...
(1)、<el-menu> 设置属性 :default-active="activeIndex" (2)、watch方法检测路由变化 (3)、created生命周期设置路由 具体代码如下: <template> <div id="app"> <el-menu :default-active="activeIndex" background-color="#545c64" text-color="#fff" ...
是否触发open事件与组件的设计有关,element-ui v2.x中,el-menu的设计逻辑是,只有用户点击才会触发open事件,而刷新页面并不是用户意识下的操作,因此不会触发open事件并不是bug。在element-plus中,el-menu的设计逻辑已经被修改为,在组件处于打开状态时,刷新页面也会触发open事件。
//unique-opened只允许有⼀个下拉菜单处于打开的状态 //使⽤default-active来实现当前菜单激活的选项 //default-openeds当前打开的 sub-menu 的 index 的数组 <el-menu-item index=‘/home‘>⾸页</el-menu-item> <el-submenu> <template slot="title"> <i class=‘‘></i><span>导航...