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

Posted 2021-04-30

我有一些问题，如何检测页面是否呈现。我的意思是在所有异步调用之后。是否有一些方法isfinalyrendered？

谢谢

答案

首先，有一个逻辑，以count组件中的async calls数量。由于特殊情况，它们可能在一种情况下更多而在另一种情况下更少。

然后你只需要在异步函数中传递一个回调函数，这会增加promise resolve/reject上的计数器。当反击的value==totalAsyncCalls。然后你可以调用你的isfinalyrendered方法

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

        // do stuff
    };