vue中如何限定路由必须携带参数
时间: 2023-06-05 15:08:40 浏览: 417
您可以在路由配置中使用路由参数,将其放在 path 中的冒号后面。例如,您可以这样限制路由必须携带参数:
{
path: '/user/:userId',
component: User,
props: true
}
此路由表示在 '/user' 路径下,必须携带名为 userId 的参数才能匹配到该路由。然后,可以在组件中通过 props 接收到该参数。
另外,您可以在路由配置中使用 beforeEnter 导航守卫来限制路由必须携带参数。在 beforeEnter 中,您可以使用 to.params.xxx 判断参数是否存在,如果不存在则重定向到其他页面。
但需要注意的是,这些方式都不能完全保证路由必须携带参数,用户仍然可以手动输入 URL 访问该路由。
相关推荐

















