beforeRouteLeave在子组件中不生效

在页面中存在父子组件,当需要离开当前页面时,要触发某个子组件中的事件或修改某个子组件中的值。

这里尝试了两种方式:

1.添加路由守卫

在子组件的.vue文件中,使用beforeRouteLeave钩子,然而并没有触发。测试发现,在父组件中添加的beforeRouteLeave可以触发。

2.使用beforeDestory钩子(组件销毁时触发)

子组件使用beforeDestroy钩子,当离开页面时,子组件的beforeDestroy生命钩子可以触发到。

猜你喜欢

转载自blog.csdn.net/weixin_50114203/article/details/129857580