子组件
this.$route.params.tabIndex = this.tabIndex
this.$router.back()
父组件
data() {
return {
tabIndex: 0
}
},
beforeRouteEnter(to, from, next) {
next(vm => {
// 使用回调函数修改组件的状态,vm代替this
vm.tabIndex = from.params.hasOwnProperty('tabIndex') ? Number(from.params.tabIndex) : 0
})
},

文章讲述了在Vue应用中,如何通过父组件的beforeRouteEnter钩子函数,根据路由参数动态更新子组件的tabIndex状态,利用回调函数实现状态同步。

被折叠的 条评论
为什么被折叠?



