解决办法,给路由添加key


<template>
  <router-view :key="key" />
</template>

<script setup>
import { useRoute} from "vue-router";
import { computed } from "vue";

// 路由中添加key解决切换路由时页面不展示内容,刷新后才展示内容问题
const route = useRoute();
const key = computed(() => {
  return route.path + Math.random();
});
</script>

<style>
</style>

Logo

华为开发者空间,是为全球开发者打造的专属开发空间,汇聚了华为优质开发资源及工具,致力于让每一位开发者拥有一台云主机,基于华为根生态开发、创新。

更多推荐