钩子函数中如何设定同步请求
发布于 3 年前 作者 banyungong 1162 次浏览 来自 问答
粉丝福利 : 关注VUE中文社区公众号,回复视频领取粉丝福利

有这样一个需求
一个父组件在create时通过axios请求服务器判定当前用户是否有访问权限,如果有则进一步请求服务器相关数据parentData

随后在mount时,子组件的内容需要根据父组件parentData更新

问题在于我不知道本地执行代码的速度和从服务器获取数据的速度谁更快。虽然一般来说本地代码执行速度要更快,不过我们做开发的不能做这种不确定的假设。因为这里有一段本地代码涉及到比较多的计算量,和网络请求比,确实不确定谁更快。

所以最好的办法是把父组件create钩子函数里的请求全部完成后,才进入子组件的mount环节,也就是说父组件钩子函数中的请求对于子组件来说也是同步请求。如果网络延迟比较严重,这确实会导致白屏,但是我觉得保证程序的正常运行更重要。

所以我的问题就是怎样在父组件的钩子函数中添加同步请求,这个同步请求还要阻塞子组件的钩子函数。

或者如果有大神对于不确定谁先完成的情况,给出解决方案也可以。

回到顶部