Business
Jobs
  • About Us
  • Solutions
    • Job Postings
      Post your job and receive qualified candidates in 48h.
    • Candidate Assessments
      500+ technical and psychological tests, plus anti-fraud.
    • Headhunting
      Tailor-made executive search from start to finish.
    • Payroll + EOR
      Payroll dispersal and EOR across 15+ LATAM countries.
  • Pricing
  • Jobs

0

146
Views
Syncing Larvel Debugbar to Vue's UI

We are making an axios call that pulls in a gigantic object which is used to render a very lengthy UI using Bootstrap Vue.

The issue is that the UI continues to be rendered well after the axios call has been received.

Is there a way to check if everything is done rendering in Vue? The mounted hook does not work here.


More context:

The Laravel Debugbar gives me the best feedback here. When #6 AJAX is done, I know that the UI is done rendering. But how I can sync Laraven's debugbar with Vue's hooks?

[1]: https://i.stack.imgur.com/ijRgv.gif

about 4 years ago · Juan Pablo Isaza
2 answers
Answer question

0

Maybe to try with this.$nextTick inside updated hook

about 4 years ago · Juan Pablo Isaza Report

0

There is another lifecycle hook in vue beside mounted

The updated lifecycle hook is fired everytime a component reactive property changes and the virtual dom is updated.

To react to virtual dom changes inside the updated hook you can use nextTick()

about 4 years ago · Juan Pablo Isaza Report
Answer question
Find remote jobs

Discover the new way to find a job!

Top jobs
Top job categories
Business
Post vacancy Pricing Sales
Legal
Terms and conditions Privacy policy
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Show me some job opportunities
There's an error!