Vue3中切换路由页面不展示内容，刷新后页面正常显示

最新推荐文章于 2024-07-29 14:39:07 发布

云卷云舒%

最新推荐文章于 2024-07-29 14:39:07 发布

阅读量4.8k

点赞数 10

分类专栏： Vue3 文章标签： Vue3

本文链接：https://blog.csdn.net/qq_39290323/article/details/125850100

版权

Vue3 专栏收录该内容

21 篇文章 1 订阅

订阅专栏

解决办法，给路由添加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>