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('/'):不让过,可以去另一个地方
相关推荐
aiprtem28 分钟前
基于Flutter的web登录设计
前端·flutter
浪裡遊31 分钟前
React Hooks全面解析:从基础到高级的实用指南
开发语言·前端·javascript·react.js·node.js·ecmascript·php
好好研究36 分钟前
学习栈和队列的插入和删除操作
数据结构·学习
why技术39 分钟前
Stack Overflow,轰然倒下!
前端·人工智能·后端
幽络源小助理42 分钟前
SpringBoot基于Mysql的商业辅助决策系统设计与实现
java·vue.js·spring boot·后端·mysql·spring
GISer_Jing43 分钟前
0704-0706上海,又聚上了
前端·新浪微博
止观止1 小时前
深入探索 pnpm:高效磁盘利用与灵活的包管理解决方案
前端·pnpm·前端工程化·包管理器
whale fall1 小时前
npm install安装的node_modules是什么
前端·npm·node.js
烛阴1 小时前
简单入门Python装饰器
前端·python
新中地GIS开发老师2 小时前
新发布:26考研院校和专业大纲
学习·考研·arcgis·大学生·遥感·gis开发·地理信息科学