laravel-livewire - Laravel Livewire 搜索按钮而不是实时搜索

Question

是否可以不进行实时搜索，但在 Laravel Livewire 中使用搜索按钮？我的方法是将 Alpine 与 Livewire 一起使用。但我没有将搜索词注入 $emit 事件：/

<div x-data="{ search: '' }">
  <input type="text" placeholder="Search ..." x-model="search" />
  <span x-text="search"></span>
  <button wire:click="$emit('test', search )">Search</button>
</div>

标签： laravel-livewirealpine.js

Answer 1

好的……很简单^^

只需更改$emit('test', search)为window.livewire.emit('test', search)

<div x-data="{ search: '' }">
  <input type="text" placeholder="Search ..." x-model="search" />
  <span x-text="search"></span>
  <button x-on:click="window.livewire.emit('test', search)">Search</button>
</div>