routerview专题

RouterView 插槽

RotuerView 组件暴露了一个插槽,可以用来渲染路由组件: <router-view v-slot="{ Component }"><component :is="Component" /></router-view> 上面的代码等价于不带插槽的 <router-view />,但是当我们想要获得其他功能时,插槽提供了额外的扩展性。 KeepAlive & Transition​

vue3 RouterLink路由跳转后RouterView组件未加载,页面未显示,且控制台无任何报错

在使用 vue3 开发项目过程中,组件之间使用 router-link 跳转,但是当我开发的组件跳转到其他组件时,其他组件的页面未加载,再跳转回自己的组件时,自己的组件也加载不出来了,浏览器刷新后页面可以加载出来。但是初始页面如果是其他组件,进行路由跳转就没有这个问题。 当我打开控制台查看页面时,发现页面未加载是因为 RouterView 组件未加载,如下图: 代码为: 在排除了路由逻辑