Vue3刷新页面的方法

我们在删除完列表项后，通常需要刷新列表页，我们可以使用JS原生的方法刷新页面。

location.reload();

但是这会让整个屏幕重新加载，体验很不好。更好的方式如下：

Vue3解决方法：

App.vue：

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

<template>
  <router-view v-if="isRouter"/>
</template>

要使用的页面：

import { inject } from "vue";
const reload = inject("reload");

然后调用

reload();

即可刷新页面。