今天写项目的时候，需要用到vue的路由钩子函数beforeRouteEnter、beforeRouteLeave、beforeRouteUpdate，由于项目是用vue-cli3.0搭建的，typescript开发的。
写完之后发现无论怎么刷新钩子函数就是不触发，后来找了资料才发现
没有注册，然后就在入口文件main.ts中注册了
import { Component } from 'vue-property-decorator';
Component.registerHooks([
'beforeRouteEnter',//进入路由之前
'beforeRouteLeave',//离开路由之前
'beforeRouteUpdate',
])
然后发现偶尔能够触发钩子函数
还是不行。。。。。
然后又发现钩子函数是在vue实例创建之前触发的所以在钩子函数中没有this。
触发钩子函数的zuji必须是通过路由跳转的。
最后终于解决了---因为我那个组件没有懒加载，所以才会出现偶尔触发钩子函数，
今天写项目的时候，需要用到vue的路由钩子函数beforeRouteEnter、beforeRouteLeave、...
自定义指令 类似组件可以全局注册和局部注册，使用derective注册。 钩子函数 指令定义函数提供了几个钩子函数...
在路由跳转的时候，我们需要一些权限判断或者其他操作。这个时候就需要使用路由的钩子函数。 定义：路由钩子主要是给使用...
什么是钩子函数？ 主要是给使用者在路由发生变化时进行一些特殊的处理而定义的函数。 为什么要使用路由的钩子函数？ 在...
vue-router 路由钩子函数(导航守卫） 路由钩子函数有三种： 全局钩子： beforeEach(全局前置守...
路由钩子函数
路由钩子函数介绍： 我之前有介绍过vue里的钩子函数，有四对，也就是八个钩子函数。在路由里呢，其实也有钩子函数，个...
导航和钩子函数： 导航：路由正在发生改变 关键字：路由 变 钩子函数：在路由切换的不同阶段调用不同的节点函数（钩...
—— “导航”表示路由正在发生改变。 路由钩子函数有三种： 1：全局钩子： beforeEach、 ...
—— “导航”表示路由正在发生改变。 路由钩子函数有三种： 1：全局钩子： beforeE...
本文标题：Vue3.0路由钩子函数注册使用
本文链接：https://www.haomeiwen.com/subject/gbfmwctx.html
网友评论