This is the Livewire framework for Laravel
HTML:
<button wire:click="$emit('postAdded')">
PHP:
protected $listeners = ['postAdded' => 'showPostAddedMessage'];
public function showPostAddedMessage()
{
// Do stuff
}
public function render()
{
return view('livewire.index');
}
Clicking the button calls showPostAddedMessage() and after that render(). How can I listen for an event without calling render()?
I had the same issue. In my case, the render() method was closing my parent modal box. I just added "wire:ignore" in modal div. Livewire ignores that div whenever it calls the render() method
I've came to this sort of hack: if your concern is to not re-render the view, you can just return an empty string from render(). The DOM will not be updated.
My case: I've got a download method that is not supposed to render anything.
public function download()
{
$this->skipRender();
}
public function render()
{
if($this->shouldSkipRender) {
return '';
}
return view("xxxxx");
}
As long as I'm not missing anything, this works for me.
This is how livewire works. whenever you are changing anything / firing any event. the component will refresh. As far as I learned livewire, there is no way to stop it unless you are putting die() isnide showPOstAddedMessage function, which will be a very wierd way to solve it.
For anyone coming across this problem now, there is new functionality in Livewire 3 that deals with this.
Livewire 3 Component has the skipRender() that can be called after carrying out the logic of your event handler.
#[On('some_event')]
public function handleSomeEvent()
{
-- event code here
$this->skipRender();
}
Incidentally, in the documentation, there is also a #[Renderless] attribute that can be added to methods to indicate that they should not cause the component to be re-rendered. However, I found that this had no effect on a method that also had the #[On] attribute to listen for an event.
See here for more details: https://livewire.laravel.com/docs/actions#skipping-re-renders
