[vue3]vue router 页面原地刷新

在父组件App.vue中声明

<template>
  <RouterView v-if="isRouterAlive" />

</template>

<script setup>
import { provide, ref, nextTick } from 'vue';
const isRouterAlive = ref(true)
const reload = () => {
  isRouterAlive.value = false
  nextTick(() => {
    isRouterAlive.value = true
  })
}

provide('reload', reload)
</script>

<style lang="scss">

</style>

在子组件文件中引入。

import { inject } from 'vue';

const reload = inject('reload')