Vue.js如何检测组件/页面是否已完成所有异步调用？

Question

我想知道有某种方法，如何检测页面是否被渲染。 我的意思是毕竟所有异步调用。是否有某种方法isfinalyrendered？

Thx

Answer 1

首先，对组件中count的数量async calls进行逻辑运算。由于特殊情况，它们在一种情况下可能更多，而在另一种情况下则更少。

然后，您只需要在异步函数中传递一个回调，这将增加对诺言resolve/reject的计数。计数器的value==totalAsyncCalls时。 然后，您可以调用isfinalyrendered方法

var count = totalAsyncCalls
    callback = function () {
        count--;
        if (0==count){
          isfinalyrendered();
         }

        // do stuff
    };