Vue-elementui-admin 快捷标签导航栏解决切换路由不刷新问题

由于目前 keep-alive 和 router-view 是强耦合的，而且查看文档和源码不难发现 keep-alive 的 include 默认是优先匹配组件的 name ，所以在编写路由 router 和路由对应的 view component 的时候一定要确保两者的 name 是完全一致的。(切记 name 命名时候尽量保证唯一性切记不要和某些组件的命名重复了，不然会递归引用最后内存溢出等问题)

话不多说，上代码！
首先找到 @/layout/components/AppMain.vue 然后移除 keep-alive

<!-- layout/components/AppMain.vue 文件 -->
<!-- 去掉:include="cachedViews" -->
<keep-alive :include="cachedViews"><router-view :key="key" />
</keep-alive>
<!-- 改成如下 -->
<keep-alive><router-view :key="key" />
</keep-alive>

如上，问题解决了，按文档来说，直接使用keep-alive也是有弊端的，但是问题不大，好歹解决问题了
参考官方文档：https://panjiachen.github.io/vue-element-admin-site/zh/guide/essentials/tags-view.html#visitedviews-cachedviews

Vue-elementui-admin 快捷标签导航栏解决切换路由不刷新问题相关推荐

vue + elementui 实现动态侧边导航栏
vue + elementui 实现动态侧边导航栏引言 router 文件夹创建 layout 文件夹 components 创建 SubMenu 文件夹封装动态侧边栏 vuex 中根据权限动态获 ...
常见的 vue elementUI el的标签总结
vue elementUI el的标签总结标签源码标签作用 el-col 整体 el-container 主体区域 el-tooltip 提示框信息 el-header 内容头部区域 el-asi ...
element-ui使用导航栏跳转路由用法
element-ui使用导航栏跳转路由用法最近初学vue,试着做一个小项目熟悉语法与思想,其中使用elemen-ui的导航栏做路由跳转切换页面.下面记录一下学习过程 element-ui引入vue项 ...
部署vue element-ui admin报错(vue2)
部署vue element-ui admin报错(vue2) 目录部署vue element-ui admin报错(vue2) 一.官方安装说明二.部署报错的关键影响因素 2.1."开发 ...
基于vue+elementui+admin的axios封装
文章目录系列文章目录前言一.基于vue+elementui+admin对axios进行封装? 二.使用步骤 1.若项目需要进行字符防串改处理(项目需要而定) 2.创建crypto.js和encr ...
element ui路由配置文件_element-ui使用导航栏跳转路由的用法详解
最近初学vue,试着做一个小项目熟悉语法与思想,其中使用elemen-ui的导航栏做路由跳转切换页面.下面记录一下学习过程 element-ui引入vue项目的用法参考首先复制官网的例子,在这基础上 ...
Android 底部导航栏+页面切换
lzyprime 博客 (github) 更新时间: 2020.12.21 创建时间:2020.11.25 qq及邮箱:2383518170 kotlin & android 笔记更新 20 ...
java写左侧导航栏界面,jQuery----左侧导航栏面板切换实现
页面运行结果: 点击曹操点击刘备点击孙权原图需求说明:原图如上所示,点击一方诸侯的时候,显示该诸侯手下猛将,其他诸侯手下猛将隐藏页面结构: 实现思路: ①给大的li注册鼠标点击事件当鼠标点 ...
php点击切换图片的底部导航,如何优雅地使用BottomNavigationView实现底部导航栏+fragment切换效果...
BottomNavigationView.jpeg 引言之前总是使用RadioButton+ViewPager来实现底部导航栏+fragment切换效果,总是繁琐地还需要写ViewPager的适配器 ...

Vue-elementui-admin 快捷标签导航栏解决切换路由不刷新问题

Vue-elementui-admin 快捷标签导航栏解决切换路由不刷新问题相关推荐

最新文章

热门文章