bet 357亚洲版官网_bet1365官网网址多少

如何在VueRouter中使用Navigation Guard

在本文中,我们将主要解释VueRouter Navigation Guard的详细用法和分类。有兴趣的朋友可以从参考书目中学习。
推荐主要用于通过跳过或取消来保护导航。
例如,确定登录信息未登录到登录页面。
如果确定尚未执行所需操作,则跳转被中断。
分别在Global Guard,Routing Guard和Global Component Watch前分为三类
在解决之前
afterEach Routing Guard beforeOnter Component Guard beforeRouteEnter
//在相应路径之前调用以呈现组件
//?不!
你能
获取组件的实例
//因为在执行guard之前没有创建组件实例
不可能直接确定零件的电阻值。
但是,您可以通过以下参数的回调函数来操作当前实例:
beforeRouteEnter :( to,from,next)={
下一步((vm)={
// vm是当前组件实例
;));
beforeRouteUpdate
//在当前路由更改但是重用组件时调用
//例如,当在/ foo / 1和/ foo / 2之间跳转时,对于具有动态参数/ foo /:id的路由,
//因为处理了相同的Foo组件,所以重用组件实例。
在这种情况下,调用此挂钩。
//可以访问`this`组件的实例
离开家之前
导航离开组件的相应路径时调用。
//您可以访问组件实例的`this`参数,并输入与这些导航保护相关的参数。除了a,from,next和global guardian afterEach之外,还有其他三个参数。官方网站)
目的地:路线:要输入的目的地路线的对象
发件人:路线:您尝试退出当前导航的路线。
功能:您需要调用此方法来解决此挂钩。
执行效果取决于以下方法的调用参数:
Next():管道中的下一个钩子
一旦执行了所有挂钩,就会检查导航状态。
下一步(false):当前导航中断。
如果浏览器URL更改(可能由用户或浏览器的后退按钮手动更改),则URL将重置为与源路由对应的地址。
下一个(/)或下一个({path:/}):跳转到另一个地址。
当前导航被中断并且发生新的导航。
以下(错误):( 2。
4
0+)如果传递给下一个参数的参数是Error实例,则终止导航并将错误传递给路由器。
onError()注册回调。
以上是操作机制的配置,我希望将来对每个人都有用。
相关文章:如何使用vue
js如何实现所选的更改方法,以便click事件不会冒泡Vue?
如何通过单击按钮显示/隐藏内容。如何更改当前项目的显示Ion实现验证码的倒计时。以上是如何在VueRouter中使用导航保护。有关详细信息,请查看php中网中的其他相关文章。
微信
分享


上一篇:四首狂野歌曲的最后一章。 下一篇:没有了
bet体育在线赌钱