vue/bladex-saber2页面缓存问题

问题产生:项目是用的bladex的平台,前端部分是saber2,saber2菜单管理中没有页面缓存的功能
感谢这位博主的文章:https://blog.csdn.net/u014285237/article/details/116758909
解决:页面组件中使用keep-alive来缓存在这里插入图片描述
这样设置后,所有页面都会被缓存。如果要想某个页面不缓存,则在某个页面中添加这行代码:
created(){ this.$route.meta.$keepAlive = false; }
问题产生2:从导航栏进入的页面也会被缓存,不会重新加载。

在这里插入图片描述
解决2:在组件上绑定key值,通过刷新key,来实现重新加载。
1.vuex中定义字段
在这里插入图片描述

2.导航栏组件事件中刷新key
在这里插入图片描述
在这里插入图片描述

3.页面组件中绑定key

        <div style="height:100%;" id="avue-view" v-show="!isSearch" :key="refreshPage">
          <keep-alive >
            <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 && $route.meta.keepAlive!==undefined"/>
          
        </div>
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值