Vue3学习笔记2——路由守卫

路由守卫

全局

  • router.beforeEach((to, from, next) => {})
  • router.afterEach((to, from, next) => {})

组件内守卫

  • beforeRouteEnter((to, from, next) => {})
  • beforeRouteUpdate((to, from, next) => {})
  • beforeRouteLeave((to, from, next) => {})

路由独享

  • beforeEnter((to, from, next) => {})

参数详解

参数 描述
to 跳转到哪个路由对象
from 要离开的路由对象
next 一个方法,可以接收参数。这个方法必须调用,不使用无法跳转
  • next():要to过去
  • next(false):可以不通过,中断跳转
  • next('/'):不让过,可以去另一个地方
相关推荐
ʚ希希ɞ ྀ9 分钟前
SpringBoot的学习
java·spring boot·学习
JinSo19 分钟前
pnpm monorepo 联调:告别 --global 参数
前端·github·代码规范
新子y20 分钟前
【小白笔记】岛屿的周长(Island Perimeter)
笔记·python
霜绛24 分钟前
Unity:UGUI笔记(一)——三大基础控件、组合控件
笔记·学习·unity·游戏引擎
程序员码歌26 分钟前
豆包Seedream4.0深度体验:p图美化与文生图创作
android·前端·后端
urhero30 分钟前
工作事项管理小工具——HTML版
前端·html·实用工具·工作事项跟踪·任务跟踪小工具·本地小程序
二十雨辰32 分钟前
eduAi-智能体创意平台
前端·vue.js
golang学习记40 分钟前
从0死磕全栈之Next.js connection() 函数详解:强制动态渲染的正确姿势(附实战案例)
前端
代码or搬砖41 分钟前
Git学习笔记(三)
笔记·git·学习
郝学胜-神的一滴1 小时前
Three.js光照技术详解:为3D场景注入灵魂
开发语言·前端·javascript·3d·web3·webgl