Vue.js How detect if component/page have complete all async calls ??

Question

i have question there is some way, how to detect if page was rendered. I mean after all async calls. Is there some method isfinalyrendered ??

Thx

I don't see how this would directly correlate to vue.js. What async calls do you mean exactly? The only way I could think of right now is that you use your own ajax wrapper function and reset a timer each time it is called and once that timer ends you call your isFinallyRendered function. Maybe somebody else has a better idea :-) — Matthias S
– Matthias S, Commented Aug 3, 2018 at 13:33

Helping hand · Accepted Answer · 2018-08-03 21:10:16Z

1

First of all, have a logic to count the number of async calls in your component. As due to particular condition they might be more in one case and lesser in another case.

Then you just have to pass a callback in your async function, which increases the counter on promise resolve/reject. When counter's value==totalAsyncCalls. Then you can call your isfinalyrendered method

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

        // do stuff
    };

answered Aug 3, 2018 at 21:10

Helping hand

2,9602 gold badges21 silver badges33 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Vue.js How detect if component/page have complete all async calls ??

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related