vue 中的keep alive页面刷新的问题

Question

我想实现的是被缓存组件中的某个，其他组件不刷新，该怎么实现呢？我现在用的方法是v-if判断，但是这种方法的话页所有组件全被刷新了，所以该怎么做

<router-view v-slot="{ Component }"
       v-if="refreshFlag">
     <keep-alive :include="keepAliveData" >
         <component :is="Component" />
     </keep-alive>
 </router-view>

//刷新当前页面
      const reloadPage = () => {
        refreshFlag.value = false
        nextTick(() => {
          refreshFlag.value = true
        })
      }

Answer 1

可参考针对 keep-alive 包裹组件特有的两个生命周期

activated  //组件成为活跃状态
deactivated //组件失去活跃状态

详情参考文档：传送门>>>