先贴问题代码
<keep-alive :include="[需要缓存的组件name]">
<div class="main-content-wrapper">
<router-view :key="path"/>
</div>
</keep-alive>
乍一看,好像没啥问题呀,页面也能正确渲染,在所有的主显示界面上增加一个全局的样式
但测试过程中,问题就暴露出来了,每次切换页面都会重新请求
页面功能没啥问题,但就是缓存无效了,这不工作量就来了吗
由于这块不是我开发的,所以一开始,咱也不知道是啥问题呀
首先肯定查一下官方文档,没看出啥问题来
初步怀疑是不是include中的数据由问题呢?
但根据文档和路由参数,仔细比对,甚至写死固定值也解决不了
这么看来就不是配置问题了
接下来往哪个方向排查呢?
有问题就google,唉,好巧不巧,我发现网上写的那些,
keep-alive
下清一色的component
,我这脾气就上来了,都是html,为啥我的就不行呢?
既然如此就先随便尝试一下呗,先把div干掉
这就一下子搞定了?有点懵
好奇心害死猫,我还真想知道为啥
<