beforeEach

beforeEach首先store就是一个存放在全局的状态我这里的store里面存储的是登陆的信息跟状态beforeEach接收的参数是一个回调函数函数里面的参数有to,from,next每次路由跳转都会进来这个函数例如我从A->B那么这里to就是Bfrom就是Afrom->to这里的判断就是如果是登录的,你前往的页面是登录页,则给你跳回Home页(因为…

大家好,又见面了,我是你们的朋友全栈君。

在这里插入图片描述

  • 全局导航钩子:router.beforeEach(to,from,next)
  • 作用:跳转前进行判断拦截。
  • 首先 store 就是一个存放在全局的状态
  • 我这里的 store 里面存储的是登陆的信息跟状态
  • beforeEach接收的参数是一个回调函数
  • 函数里面的参数有 to, from ,next
  • 每次路由跳转都会进来这个函数
  • 例如我从 A -> B 那么这里 to就是B from就是A
  • from -> to这里的判断就是
  • 如果是登录的,你前往的页面是登录页,则给你跳回Home页 (因为没必要再登录一次)
  • 如果你不是登录的,你前往的页面不是登录页,则给你跳回登录页 (不登录不能进去Home查看信息)
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/147717.html原文链接:https://javaforall.net

(0)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • web服务器监控工具[通俗易懂]

    web服务器监控工具[通俗易懂]监控你的WEB服务器或者WEB主机运行是否正常与健康是非常重要的。你要确保用户始终可以打开你的网站并且网速不慢。服务器监控工具允许你收集和分析有关你的Web服务器的数据。1.PerformanceCo-PilotPerformanceCo-Pilot,简称PCP,是一个系统性能和分析框架。它从多个主机整理数据并实时的分析,帮你识别不正常的表现模式。它也提供A

    2022年6月12日
    50
  • 继电器驱动原理详解(Relay)[通俗易懂]

    继电器驱动原理详解(Relay)[通俗易懂]文章目录继电器内部结构继电器工作原理继电器应用入门进阶这样控制方式的好处继电器使用时注意事项毕设答辩常见问题1、为什么要在继电器线圈上并联一个二极管呢?2、并联的二极管为什么选择开关速度快的?3、电磁继电器和固态继电器(SSR)有什么区别啊?4、不加三极管,直接用单片机的IO提供继电器线圈的电流可以吗?5、继电器使用单片机的高电平触发好呢还是低电平触发好呢?电磁继电器(electromagneticrelay)是一种电子控制器件,它具有控制系统(输入回路)和被控制系统(输出回路),通常应用于自动控制电路

    2022年6月24日
    26
  • ntp 校时 linux 带源码

    ntp 校时 linux 带源码最近做个项目,想通过公司上的NTP服务器给板子校时,但是板子里没有ntpdate这个命令,下面是2个解决方法,1,找到ntpdate源代码,重新编译之后,手动运行,这个方法我上网上查了,比较复杂,据说NTP还与SSL有关,编译的时候必须把SSL也包含进去,于是就迟迟没有动工。2,突然有一天看到rtthread里也提供一个ntp的客户端,比较简单,就一个文件,也没几行,于是想着把这个.c文件移植到linux下,但我仔细研究了一下,发现这个文件的原始作者就是在linux下设计的。原始文件更简单.

    2022年6月18日
    24
  • 宝塔linux面板.txt

    宝塔linux面板.txt

    2021年9月23日
    54
  • 【5G学习】小区搜索——SSB[通俗易懂]

    【5G学习】小区搜索——SSB[通俗易懂]文章目录前言一、SSB突发集(SSBBurstSet)二、SSB构成2.2SSB结构2.2PSSSSS2.3PBCH三、SSB突发集图样四、流程总结前言NR同步块(SSB)包括PSS、SSS和PBCH。PBCH中包含解调参考信号(DM-RS)。UE在接入NR系统时,首先要检测PSS和SSS以获得下行时频同步以及PCID,然后对PBCH进行解码。PBCH中包括主信息块(MIB)和其他与SSB传输时间有关的信息(additionaltimingrelatedPBCHpayload.

    2022年6月16日
    44
  • ideavim怎么用_idea常用快捷键图文

    ideavim怎么用_idea常用快捷键图文学了这么久的VIM,当然还是要用在开发上。下面来介绍一下ideavim这个插件。IdeaVim是用于基于IntelliJ平台的IDE的Vim仿真插件。IdeaVim支持许多Vim功能,包括普通/插入/可视模式,动作键,删除/更改,标记,寄存器,一些Ex命令,Vimregexp,通过〜/.ideavimrc配置,宏,窗口命令等。另外还可以自定义ideavim的快捷键,定制专属的快捷键。安装I…

    2022年10月7日
    2

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号