vue keep-alive 一进页面刷新，解决刷新死循环问题

sunyin.liu

已于 2022-05-25 09:15:32 修改

阅读量2.5k

点赞数 1

分类专栏： Vuejs 文章标签： vue.js

于 2022-04-12 17:44:11 首次发布

本文链接：https://blog.csdn.net/weixin_42066070/article/details/124129924

版权

Vuejs 专栏收录该内容

70 篇文章 25 订阅 ¥29.90 ¥99.00

订阅专栏

超级会员免费看

本文介绍了在Vue.js应用中，使用keep-alive组件时遇到的页面刷新死循环问题。需求是在切换户号时刷新页面缓存，而其他情况不刷新。解决方案包括通过上个页面传递刷新参数，并在全局进行判断，当路由带有刷新参数时执行页面刷新，并移除该参数。具体实现代码集中在appmain.vue的全局设置中。

摘要由CSDN通过智能技术生成

需求分析

1.切换户号的时候，进到页面，需要刷新缓存，去其他页面不需要刷新缓存

2.在上个页面传个是否刷新的参数

3.全局判断假如有这个参数的路由，那么进行页面刷新。并且把刷新页面的参数去掉

第一步的代码

    this.$router.push({
           path: this.dataList.pathData2,
           query: { refresh: true },
    });

appmain.vue里写全局

<template>
  <section class="app-main">
    <!-- <transition name="fade-transform" mode="out-in">
      <keep-alive :include="cachedViews">
        <router-view :key="key" />
      </keep-alive> style="display:flex;flex:1;"
    </transition> -->
    <transition name=

了解本专栏