vu项目中按F5刷新element菜单没有根据路由匹配菜单解决办法

最新推荐文章于 2022-05-25 15:32:39 发布

weixin_30819163

最新推荐文章于 2022-05-25 15:32:39 发布

阅读量156

点赞数

文章标签： ui

原文链接：http://www.cnblogs.com/sweeeper/p/11463331.html

版权

element组件的菜单中设置:default-active，这个是选择哪个菜单的

然后在created里边增加

因为每次刷新都是要经过这个的。注意data里边也要同步。

转载于:https://www.cnblogs.com/sweeeper/p/11463331.html

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

weixin_30819163

关注关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

element ui的菜单default-active默认选中的问题

Beam

05-30

3万+

代码如下： <el-menu router :default-active="currentMenu" active-text-color="#7BE4FF" :unique-opened="true"> // 此处navMenu 组件中:index="navMenu.sn" <navMenu :navMenus="menuData"></navMenu> ...

vue怎么实现右键二级菜单_vue+element树形结构右键菜单

weixin_39590453的博客

12-21

853

当前目录:{{ current_path }}placeholder="输入关键字进行过滤"v-model="filterText">id="modelTree"ref="tree":data="treedata":props="defaultProps"class="filter-tree"accordionnode-key="id":filter-node-method="filterN...

参与评论您还未登录，请先登录后发表或查看评论

解决Vuex持久化插件-在F5刷新页面后数据不见的问题

weixin_30471561的博客

12-24

110

https://www.cnblogs.com/lemoncool/p/9645587.html 转载于:https://www.cnblogs.com/cs122/p/10169969.html

vue每次发布都要ctrl+F5

w96098的博客

07-22

1056

Des vue现在默认打包都是会在打包文件后面拼接哈希值，但是每次更新完之后依然会有缓存。每次发布都要通知客户强制刷新。然后被骂 Reason 所有的文件都哈希了，唯有入口文件就是那个html文件是没有的~。导致每次加载的时候都是之前的html，之前的html调用的js等文件又都是之前的js文件。（IE尤甚） Solution 取消针对html的缓存，这个文件打不过几个K 在ngnix中如下配置即可； location = /index.html { add_header Cache-Control "n

vue element ui 导航刷新 is-active

weixin_30879169的博客

10-20

1887

<el-menu :default-active="$route.path" router mode="horizontal"> <el-menu-item v-for="route in routes" :key="route.path" :index="route.path" :class="$route.path==route.path?'is-a...

elementUi导航菜单，跟着展示的路由页面选中对应的菜单

璐先生的博客

08-20

2223

只需要把index设置成对应路由的地址

Vue+Element UI 树形控件整合下拉功能菜单（tree + dropdown +input）

10-14

在本文中，我们将探讨如何在Vue.js应用程序中结合Element UI库创建一个具有下拉功能菜单的树形控件，这个功能通常用于增强用户界面的交互性。Vue和Element UI的组合提供了丰富的UI组件，使得开发人员能够快速构建...

若依框架前后端分离版，选择顶部菜单默认跳转第一个子菜单（三级菜单）完整的TopNav/index.vue文件

最新发布

03-19

若依框架前后端分离版，选择顶部菜单默认跳转第一个子菜单（三级菜单）完整的TopNav/index.vue文件

vue 项目中当访问路由不存在的时候默认访问404页面操作

01-19

在Vue项目中，当访问的页面路由不存在或错误时，页面显示为一片空白。然而，通常我们需要对访问url不存在或者错误的情况下添加默认的404页面，即not found页面。一般的处理方法是：在最后添加一个path: * ，优先级...

基于Java+Springboot2.x+MySQL 8.x+Vu的培训机构（高中）排课系统源码+项目说明.zip

02-27

Plus+MySQL 8.x+Vue的培训机构（高中）排课系统源码+项目说明.zip基于Java+Springboot2.x+MyBatis-Plus+MySQL 8.x+Vue的培训机构（高中）排课系统源码+项目说明.zip基于Java+Springboot2.x+MyBatis-Plus+MySQL 8.x+...

elementui框架里导航菜单的default-active的作用 v-for里key的意义

qq_46617584的博客

05-25

1572

在elementui框架中，有一个名字为NavMenu导航菜单的空间，其中在菜单上的属性值default-active，它的说明内容为：当前激活菜单的 index 其实，即使不加这个属性，也能正常显示选中的item变亮，但是之所以要加这个属性，是为了浏览器刷新后，仍然可以定位到之前选中的路由。如果没有多层嵌套路由的话，可以令:default-active="$route.path",但是如果有多层嵌套，建议在计算属性里，更新数据，如下所示： computed: ...

vue 中使用element-ui的menu选中高亮的问题

study_way的博客

04-17

1422

自己在做一个小项目的时候遇到的问题，看了很多博主发的解决方法，然后记录一下最终解决了我问题的这篇。内容都是引用的其他博主的原文在使用element中的menu组件时，根据官方文档，可以设置给el-menu设置router属性为：true，给el-menu-item设置index的值为路径，就可以实现点击导航跳转到指定路由。这样做虽然能实现跳转，但是，若刷新浏览器，则导航会跳转到默认的选中项，而不是我们离开时的导航。百度时大部分回答是将default-active属性设置为：$route.path，

VantUI封装自定义Tabbar路由跳转

热门推荐

明知山

08-30

1万+

效果图点击不同的图标切换不同路由，并且切换自定义图片因为这是个底部栏，需要把它封装成组件，我这里有三个底部栏地址，就需要被引到三个地方组件tabbar.vue <template> <van-tabbar v-model="active" active-color="red"> <van-tabbar-item v-for="(item,inde...

vue-element-admin 配置动态路由路由由后端返回

三七_z

06-11

8882

需求是：根据用户登录状态，后台识别状态返回路由菜单表，根据菜单表配置路由；在登录页用户登录成功后获取菜单； 2.在utils文件下封装一个menu.js；用于转换路由数组；因为后台返回的数组需要自己做处理； 3.配置左侧展示路由 4.刷新页面时会404找不到页面，在main.js中添加存储，这不能直接存储转换过的路由数组，会报错；路由格式一定要安装原静态路由格式写，不然会报错； ...

ElementUI导航菜单使用(并解决刷新会调回首页)

眾K的博客

11-25

3660

新桥 <el-menu :default-active="$route.path" //刷新绑定当前页面路径不会跳转 router //是否使用 vue-router 的模式，启用该模式会在激活导航时以 index 作为 path 进行路由跳转 @select="handleSelect" //菜单激活回调 unique-opened //是否只保持一个子菜...

elementUI的导航栏在刷新页面的时候选中状态消失的解决

weixin_30925411的博客

07-16

2647

首先elementUI的导航栏中的选中项的高亮显示时的字体颜色可以在属性中设置，但是高亮时的背景颜色不能设置，所以要自己修改高亮的背景颜色 .el-menu-item.is-active { background-color: #00b4aa !important; } 在使用elementUI构建vue项目的时候会遇到页面刷新的时候子路由会保持原来的，页面中的...

解决elementUI中导航菜单（el-menu）页面刷新后的菜单选中问题

sumimg的博客

09-10

1万+

解决elementUI中导航菜单（el-menu）页面刷新后的菜单选中问题情况一：单个菜单页面刷新导航失去高亮；（如下图这种菜单类型）问题是elementUI的el-menu组件提供了一个默认高亮的属性default-active,当页面刷新后default-active的值就会成为默认给的值，解决这个只用取出当前页的路由然后赋值给activeIndex即可，代码如下： <el-menu :default-active="activeIndex" mode="horizonta

怎么vu2中使用element

04-12

// 首先，在main.js中导入Element UI import ElementUI from 'element-ui'; import 'element-ui/lib/theme-chalk/index.css'; Vue.use(ElementUI); // 然后，在Vuex组件中使用Element UI组件 ...