通过key进行组件的刷新

  <el-button size="small" circle icon="Refresh" @click="BtnRefresh"></el-button>

    /** 存储key值让路由进行刷新 */
      const refreshKey = ref(0)

      /** 点击就让key++ */
      const refreshView = () => {
        refreshKey.value++
      }
          
       /** 刷新按钮点击事件 */
       const BtnRefresh = () => {
         /** 每次点击store中的key就++ */
         refreshView()
       }



// 组件
<template>
  <router-view v-slot="{ Component }">
    <transition name="fade">
        // 通过 key 让组件刷新
      <component :is="Component" :key="refreshKey" />
    </transition>
  </router-view>
</template>


可以通过组件传值来获取key: refreshKey