问答

vue keepAlive因为路由不在一个js文件导致的无效

作者:admin 2021-06-22 我要评论

因为导航栏目多,每个大栏目下面有很多小栏目,所以router文件夹就建了很多子文件存放路由 现在需求只需要一个页面是keepAlive的,就上图设置keepAlive的true和f...

在说正事之前,我要推荐一个福利:你还在原价购买阿里云、腾讯云、华为云服务器吗?那太亏啦!来这里,新购、升级、续费都打折,能够为您省60%的钱呢!2核4G企业级云服务器低至69元/年,点击进去看看吧>>>)

image.png
因为导航栏目多,每个大栏目下面有很多小栏目,所以router文件夹就建了很多子文件存放路由
image.png
image.png
现在需求只需要一个页面是keepAlive的,就上图设置keepAlive的true和false就可以了

<keep-alive>
      <router-view v-if="$route.meta.keepAlive"></router-view>
</keep-alive>
<router-view v-if="!$route.meta.keepAlive"></router-view>

但是因为是多个js文件的缘故,这个keepAlive只生效在同一个js下的路由中,跨js文件的话,那keepAlive就会失效.
想问一下是想要keepAlive生效的话一定要是在同一个js文件下嘛?不同文件可以有什么方法嘛?真的度娘到崩溃了...

###

这跟几个js文件有什么关系,你router分再多的文件最终还不是引到index.js通过new VueRouter实例化以后暴露出来?
我看你截图中的路由就没有一个meta.keepAlivetrue的,这些肯定都不会被缓存的

版权声明:本文转载自网络,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。本站转载出于传播更多优秀技术知识之目的,如有侵权请联系QQ/微信:153890879删除

相关文章
  • vue keepAlive因为路由不在一个js文件

    vue keepAlive因为路由不在一个js文件

  • 使用react-grid-layout时margin配置后

    使用react-grid-layout时margin配置后

  • 不同方法中的synchronized的锁之间会有

    不同方法中的synchronized的锁之间会有

  • centos在下载的时候,为什么有这么多版

    centos在下载的时候,为什么有这么多版

腾讯云代理商
海外云服务器