在页面中存在父子组件,当需要离开当前页面时,要触发某个子组件中的事件或修改某个子组件中的值。
这里尝试了两种方式:
1.添加路由守卫
在子组件的.vue文件中,使用beforeRouteLeave钩子,然而并没有触发。测试发现,在父组件中添加的beforeRouteLeave可以触发。
2.使用beforeDestory钩子(组件销毁时触发)
子组件使用beforeDestroy钩子,当离开页面时,子组件的beforeDestroy生命钩子可以触发到。
在页面中存在父子组件,当需要离开当前页面时,要触发某个子组件中的事件或修改某个子组件中的值。
这里尝试了两种方式:
1.添加路由守卫
在子组件的.vue文件中,使用beforeRouteLeave钩子,然而并没有触发。测试发现,在父组件中添加的beforeRouteLeave可以触发。
2.使用beforeDestory钩子(组件销毁时触发)
子组件使用beforeDestroy钩子,当离开页面时,子组件的beforeDestroy生命钩子可以触发到。