2016 - 2024

感恩一路有你

vue路由守卫的几种方法 uniapp路由拦截主要拦截什么?

浏览量:3173 时间:2023-05-06 18:40:24 作者:采采

uniapp路由拦截主要拦截什么?

路由拦截器就是路由守卫,分为全局守卫和局部守卫 全局守卫写在路由定义的文件里面,每当路由切换就会执行 //进入页面之前执行 ((to,from,next)gt{ //... }) //进入页面之后执行 ((to,from)gt{ //... }) 局部守卫写在vue组件里面,只对当前组件生效,和vue生命周期函数写法一样 beforeRouteEnter(to,from,next){ //在渲染该组件的对应路由被confirm前调用 //不!能!获取组件实例`this` //因为当守卫执行前,组件实例还没被创建 }, beforeRouteUpdate(to,from,next){ //在当前路由改变,但是该组件被复用时调用 //举例来说,对于一个带有动态参数的路径/foo/:id,在/foo/1和/foo/2之间跳转的时候, //由于会渲染同样的Foo组件,因此组件实例会被复用。而这个钩子就会在这个情况下被调用。 //可以访问组件实例`this` }, beforeRouteLeave(to,from,next){ //导航离开该组件的对应路由时调用 //可以访问组件实例`this` } 更多信息参考vue-router官方文档

组件 路由 实例 next){ \/\/ 对应

版权声明:本文内容由互联网用户自发贡献,本站不承担相关法律责任.如有侵权/违法内容,本站将立刻删除。