前端切换菜单tab时缓存页面问题

Blade 未结 3 197

一、该问题的重现步骤是什么?

1. 点击菜单打开多个tab页面

2. 给菜单数据配置了meta:{keepAlive:true}后依然无法缓存页面,页面依然刷新

3.


二、你期待的结果是什么?实际看到的又是什么?

        期待缓存的tab页面不在刷新,疑似框架代码里的keep-alive判断对象错误

1.jpeg2.jpeg

三、你正在使用的是什么产品,什么版本?在什么操作系统上?


四、请提供详细的错误堆栈信息,这很重要。


五、若有更多详细信息,请在下面提供。

3条回答
  • 2022-07-15 14:47

    config/websit.js

    image.png


    cache.js

    image.png


    page/index.vue


    <!-- 主体视图层 -->
    <div style="height:100%;overflow-y:auto;overflow-x:hidden;" id="avue-view" v-show="!isSearch">
      <keep-alive>
        <!--            <router-view class="avue-view" v-if="$route.meta.keepAlive"/>-->
        <router-view class="avue-view" v-if="$route.meta.keepAlive || $route.meta.keepAlive === undefined"/>
      </keep-alive>
      <!--          <router-view class="avue-view" v-if="!$route.meta.keepAlive"/>-->
      <router-view class="avue-view" v-if="!$route.meta.keepAlive && $route.meta.keepAlive !== undefined"/>
    </div>


    page/layout.vue

    <div>
      <keep-alive>
        <!--      <router-view class="avue-view" v-if="$route.meta.keepAlive" />-->
        <router-view class="avue-view" v-if="$route.meta.$keepAlive || $route.meta.$keepAlive === undefined" />
      </keep-alive>
      <!--    <router-view class="avue-view" v-if="!$route.meta.keepAlive" />-->
      <router-view class="avue-view" v-if="!$route.meta.$keepAlive  && $route.meta.$keepAlive !== undefined" />
    </div>


    2 讨论(0)
  • 2022-07-13 15:50

    希望能够解决...

    你们的图片上传还有问题

    0 讨论(0)
  • 2022-07-13 22:57

    不好意思,现在图片上传服务已经恢复了。

    这个页面缓存后续我们去修复一下。

    0 讨论(0)
提交回复