Nuxt 获取嵌套组件并知道它们何时完成

Question

在页面组件中，我有 fetch，并且在嵌套组件中也有 fetch，有没有办法知道所有组件何时完成其 fetch 以显示加载程序，目前 我在每个组件 isInitialized 中发射并使我的页面组件 v-show false 直到我得到我所做的所有发射

Answer 1

不确定，但也许顶部的

$fetchState.pending

能够检测到每个嵌套组件都已完成获取。

https://nuxtjs.org/docs/2.x/components-glossary/pages-fetch/

---

编辑评论。
如果将其放在按钮

this.$children

上，

@click

可能会正常工作。同时，如果您打算在其他地方使用它，例如在生命周期挂钩中，它就会变得更加棘手。

这就是它的工作原理（参考：https://stackoverflow.com/a/44319825/8816585）：

1. 父母的创造
2. 孩子的创作
3. 儿童已安装
4. 家长已安装

如果您计划使用 @hook:mounted

 生命周期，那么使用 

mounted() 也很有帮助。

TL;DR：如您所见，这类事情处理起来非常棘手。