vue3路由切换后需要刷新一下页面才能显示内容

vue3 路由切换后需要刷新一下页面

在做项目时，进行路由切换时发现页面总是空白，需要刷新一下才能显示内容。

解决方案

在项目搜<router-view>，然后加上:key=“$route.fullPath”，防止同路由页面不刷新。

当然上面是网上的答案，但是vue3中这种写法已经过时了，下面给出最新的写法：

import { useRoute } from "vue-router";
const route = useRoute();

<router-view :key="route.fullPath"> </router-view>