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('/'):不让过,可以去另一个地方
相关推荐
Aniugel几秒前
Vue国际化实现多语言方案
前端·vue.js·面试
帅帅哥的兜兜6 分钟前
猪齿鱼 table表单编辑
前端
白兰地空瓶6 分钟前
你以为树只是画图?不——它是算法面试的“隐形主角”
前端·javascript·算法
张拭心24 分钟前
为什么说 AI 视频模型不能用来做教育?Sora-2 Veo-3 来了也不行
前端·人工智能
雍凉明月夜44 分钟前
c++ 精学笔记记录Ⅲ
c++·笔记·学习
wxh_无香花自开1 小时前
Linux 笔记:rpm命令
linux·运维·笔记·rpm
lvchaoq1 小时前
页面停留时间过长导致token过期问题
前端
li星野1 小时前
打工人日报#20251218
笔记
(●—●)橘子……1 小时前
记力扣1471.数组中的k个最强值 练习理解
数据结构·python·学习·算法·leetcode
阿蒙Amon1 小时前
JavaScript学习笔记:17.闭包
javascript·笔记·学习