Vue路由跳转时导航栏更新

问题描述

在调用函数中跳转路由，但是侧边栏没有更新激活的高亮状态

排查

查看路由跳转后，侧边栏中active_index的session储存正常
由于侧边栏由组件引入，所以其create生命周期函数没有运行
即侧边栏组件刷新状态时发现组件没有刷新

解决方法

在create生命周期中创建强制刷新页面

location.reload()

过程

再次调用此函数跳转路由，会自动刷新页面，获取session储存中的active_index数据，更新侧边栏的激活索引，完成导航栏的状态更新。

Vue路由跳转时导航栏更新相关推荐

html页面跳转时导航栏不变_解决Vue-iview封装导航栏刷新，导航栏消失之坑
1.前言记录一次跳转路由时,导航栏选中消失的神秘事件. 2.事情原图请看这张图,一开始路由跳转到这页面时,导航栏是有高亮的,但是在刷新的时候,高亮就消失了: 总所周知,客户是一种可以从鸡蛋里面挑出 ...
vue 路由跳转页面数据不更新问题
由于 router-view 使用了 keep-alive组件,被缓存了. 原因:vue-router的切换不同于传统的页面切换,而是路由之间的切换,其实就是组件之间的切换,引用相同组件的时候,会直 ...
VUE - 路由跳转时设置动画效果
App.vue html <transition name="fade"><router-view /> </transition> css . ...
vue导航栏滑动切换居中，导航栏超出部分可以滑动，点击触发滑动对应的index，且滑动时导航栏会自动对应
效果图模仿婚礼纪电子请帖模块导航栏超出部分可以滑动,点击触发滑动对应的index,且滑动时导航栏会自动对应 Html部分 <template><div class=" ...
vue 项目路由跳转时，ie报错缺少')'
vue 项目路由跳转时,ie报错缺少')' 报错信息解决办法报错信息 vue项目中使用了vue-echarts,项目启动后,在chrome上路由跳转没问题,但是在ie的控制台报"缺少 ...
vue + elementui 实现动态侧边导航栏
vue + elementui 实现动态侧边导航栏引言 router 文件夹创建 layout 文件夹 components 创建 SubMenu 文件夹封装动态侧边栏 vuex 中根据权限动态获 ...
ElementUI使用el-tabs进行路由跳转时动态修改页签的标题
目录需求描述分析及尝试效果实现需求描述最近在做使用若依的管理系统框架做项目,在做前端的一个需求的时候发现,在路由跳转时,发现的title只能设置为常量,在进行了不少的搜索依旧没找到如何将ti ...
vue项目中处理左侧导航栏问题的分享
2019独角兽企业重金招聘Python工程师标准>>> 相信左侧导航栏大家都不陌生,几乎每个项目都会存在.以前用jquery做的时候,某些本不是什么问题的地方就突然变成阻碍了.下面就 ...
路由跳转时的页面状态保存
前言我们在开发网页时,经常会遇到一种情况--在一个页面对页面初始状态进行了修改(如已请求到的数据.表单数据.滚动高度等等),跳转到另外一个页面之后再返回到原页面(路由回退),原页面需要保持原先的状态 ...

Vue路由跳转时导航栏更新

Vue路由跳转时导航栏更新

问题描述

排查

解决方法

过程

Vue路由跳转时导航栏更新相关推荐

最新文章

热门文章