序言最近工作中，项目上遇到一个这样的需求，去切换tab标签，切回打印预览界面的时候，要求界面不刷新。vue框架中，我们去处理此类问题，通常马上就会想到去使用vue框架中自带的keep alive组件，所以一开始我也是去使用了keep alive,但是发现没有达到预期效果，后面通过研究和查阅资料发现，在vue项目中加入了含有iframe的页面，在路由切换的过程中，使用keep alive是达不到数 ...
2021-07-23 15:21 0 286 推荐指数：
1、序言最近工作中，项目上遇到一个这样的需求，就是在打开报表的打印预览界面时，去切换标签，切回打印预览界面的时候，要求界面不刷新。vue框架中，我们去处理此类问题，通常马上就会想到去使用vue框架中自带的keep-alive组件，所以一开始我也是去使用了keep-alive,但是发现没有达到预期 ...
https://blog.csdn.net/songshuguowang/article/details/90259332 https://segmentfault.com/q/1010000013 ...
直接上代码： <keep-alive :include='topNavMentNames'> <router-view ></router-view> </keep-alive> include会选择性的缓存 ...
近期入职的单位，希望页面有缓存，想都没想，第一反应就是keep-alive包裹router-view（思路为正解，且原先有解决的经验） 结果，一写出来，懵逼了，效果不是想要的！！！ 开始找问题： 进入到子路由内，父级路由居然刷新了，这是什么神仙操作？？？ 带着一脸的疑惑，那就给父级路由也缓存 ...
vue中提供了一个内置组件keep-alive来缓存组件，避免多次加载相应组件，避免重复渲染。在项目中要实现在某一指定页面返回后不刷新的情况，请看下面具体实现： 1.在router文件夹下index.js文件中添加路由信息，并设置需要缓存的页面(这里需要注意的是在需要缓存的所有路由下都必须添加 ...
方法： bb(index){ this.active=index }, 样式自己去写 ...
点击后不是直接改变选中的样式，而是移动效果： 实现的代码： 里面用到了stylus变量和函数： $mainColor = #00ebff; ...
父组件home如下： <template> <div class="home"> <div> <b ...
