Livewire предоставляет простую директиву wire:click для вызова методов компонента (также известных как действия) при клике пользователя по определённому элементу на странице.

Например, рассмотрим компонент ShowInvoice ниже:

<?php
 
namespace App\Livewire;
 
use Livewire\Component;
use App\Models\Invoice;
 
class ShowInvoice extends Component
{
    public Invoice $invoice;
 
    public function download()
    {
        return response()->download(
            $this->invoice->file_path, 'invoice.pdf'
        );
    }
}

Вы можете вызвать метод download() из приведённого выше класса, когда пользователь нажимает кнопку "Скачать счёт", добавив wire:click="download":

<button type="button" wire:click="download"> 
    Download Invoice
</button>

#1. Использование wire:click в ссылках

При использовании wire:click в тегах <a> необходимо добавить модификатор .prevent, чтобы предотвратить стандартное поведение ссылки в браузере. В противном случае браузер перейдёт по указанной ссылке и обновит URL страницы.

<a href="#" wire:click.prevent="...">

#2. Более глубокое погружение

Директива wire:click — это лишь одна из множества доступных в Livewire директив для прослушивания событий. Полную документацию по её возможностям (и другим слушателям событий) можно найти на странице документации по действиям Livewire.