手机端路由缓存问题解决方案

徍恺

已于 2024-03-18 16:30:33 修改

阅读量192

点赞数 1

文章标签：前端

于 2024-03-18 16:30:05 首次发布

本文链接：https://blog.csdn.net/qq_41077075/article/details/136813274

版权

手机端路由缓存问题解决方案

1.keepAlive = true
2.app.vue component不能包div
3.去掉动画插件否则会返回白屏

去除app.vue mode属性
删除：key
删除div

<template>
  <vanConfigProvider :theme="getDarkMode" :theme-vars="getThemeVars()">
    <routerView v-slot="{ Component }" v-if="isRouterActive">
      <div class="absolute top-0 bottom-0 w-full overflow-hidden">
        <transition :name="getTransitionName" mode="out-in" appear>
          <keep-alive v-if="keepAliveComponents" :include="keepAliveComponents">
            <component :is="Component" />
          </keep-alive>
        </transition>
      </div>
    </routerView>
  </vanConfigProvider>
</template>