app.vue
<template>
<router-view v-if="isRouterAlive" />
</template>
import { onMounted, ref, nextTick, provide } from "vue";
const isRouterAlive = ref(true);
provide("refreshIdApp", () => {
isRouterAlive.value = false;
nextTick(() => {
isRouterAlive.value = true;
});
});
任意页面
<el-button @click="refreshIdApp">刷新页面</el-button>
import { inject } from "vue";
const reloadApp = inject("refreshIdApp");
const refreshIdApp = () => {
reloadApp();
};