Livewire: run JS on page update

Hello everyone,

Every time Livewire updates the page (after a server request), I want to execute some JavaScript.

I can't however figure out which hook to use.

I tried using the function $this->js(), but that function calls the javascript before the page gets updated. I need to run the javascript code after the dom updates are done.

I also can't use the Livewire.hook('request', ...) method for the same problem as $this->js().

Thank you in advance!

webrobert

2 years ago

Level 51

why not dispatch the event at the end of your livewire method and listen for it in javascript?

https://livewire.laravel.com/docs/javascript

jeroenvanrensen

2 years ago

Best Answer

Level 15

Thanks for your answer, but that doesn't quite work.

I found the answer: wrap the function in a timeout call, so: $this->js('setTimeout(renderMath)');

nickrushuniq

2 years ago

Level 1

Hi! Do you have any solutions for this problem? I think solution with "setTimeout" function is not correct, because i don't now how many time wiil be render html

jeroenvanrensen

2 years ago

Level 15

@nickrushuniq honestly I don't really know. The solution that I proposed seems to work fine to me.

Please or to participate in this conversation.