wire:click

您是视觉学习者吗？
通过我们深入的屏幕录制掌握 Livewire
立即观看

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'
        );
    }
}

当用户点击“下载发票”按钮时，您可以通过添加 wire:click="download" 来触发上面类的 download() 方法

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

在链接上使用 wire:click

在 <a> 标签上使用 wire:click 时，您必须追加 .prevent 以防止浏览器中链接的默认处理。否则，浏览器将访问提供的链接并更新页面的 URL。

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

深入了解

wire:click 指令只是 Livewire 中众多可用的事件侦听器之一。有关其（和其他事件侦听器）功能的完整文档，请访问 Livewire 操作文档页面。