当前位置: 首页 > news >正文

【vue】导航守卫

什么是导航守卫

在vue路由切换过程中对行为做个限制

  1. 全局前置守卫
route.beforeEach((to, from, next)) => {// to是切换到的路由// from是正要离开的路由// next控制是否允许进入目标路由next(false);  //不允许
}
  1. 路由级别的导航守卫
const routes = [{path: '/User',name: 'User',beforeEnter: (to, from, next) => {next(false);}},
]
  1. 组件内部的导航守卫

在 User.vue组件中加入

export default {beforeRouterEnter(to, from, next) {next(false);}
}
  1. 离开路由
beforeRouterLeave(to, from, next) {if(this.isconfirmed) {next();} else {if (confirm('确定要离开吗')) {next();}else {next(false);}}
}
http://www.lryc.cn/news/491703.html

相关文章:

  • 基于Matlab实现LDPC编码
  • PostgreSQL 中约束Constraints
  • ✨系统设计时应时刻考虑设计模式基础原则
  • 【Linux】多线程(下)
  • Element-Plus如何修改日期选择器输入框el-date-picker的圆角
  • skywalking es查询整理
  • 故障排除-------K8s挂载集群外NFS异常
  • Easyexcel(6-单元格合并)
  • 解决登录Google账号遇到手机上Google账号无法验证的问题
  • 【Redis_Day5】String类型
  • Python MySQL SQLServer操作
  • Java技术分享
  • CentOS7卸载node
  • LeetCode 2257. Count Unguarded Cells in the Grid
  • 即时通讯服务器被ddos攻击了怎么办?
  • 【大数据学习 | Spark-Core】Spark中的join原理
  • 【代码pycharm】动手学深度学习v2-08 线性回归 + 基础优化算法
  • 李宏毅机器学习课程知识点摘要(1-5集)
  • React(五)——useContecxt/Reducer/useCallback/useRef/React.memo/useMemo
  • UE5时间轴节点及其设置
  • git 命令之只提交文件的部分更改
  • 算法 差分修改 极简
  • pcb元器件选型与焊接测试时的一些个人经验
  • OSG开发笔记(三十三):同时观察物体不同角度的多视图从相机技术
  • 模糊逻辑学习 | 模糊推理 | 模糊逻辑控制
  • 【JavaEE】Servlet:表白墙
  • C++特殊类设计(不能被拷贝的类、只能在堆上创建对象的类、不能被继承的类、单例模式)
  • 【小白学机器学习34】用python进行基础的数据统计 mean,var,std,median,mode ,四分位数等
  • 安装 Docker(使用国内源)
  • Ajax学习笔记,第一节:语法基础