Клавиша ввода в Livewire

Пусть в поле поиска набирают слово. Запрос уходит на каждую букву, хотя искать нужно, когда человек закончил ввод и нажал клавишу ввода.

Модификатор .enter у wire:keydown оставляет вызов только для клавиши Enter. Остальные клавиши метод не трогают.

Страница откроется по адресу /posts/enter. Давайте опишем компонент PostEnter:

<?php
	namespace App\Livewire;
	
	use Livewire\Component;
	
	class PostEnter extends Component
	{
		public $found = '';
		
		public function find()
		{
			$this->found = 'Found';
		}
		
		public function render()
		{
			return view('livewire.post-enter');
		}
	}
?>

Давайте повесим на поле keydown с enter и выведем результат:

<div>
	<input
		type="text"
		wire:keydown.enter="find"
	>
	<div>{{ $found }}</div>
</div>

Давайте откроем страницу по адресу /posts/enter:

<?php
	Route::get('/posts/enter', function () {
		return view('posts-enter');
	});
?>

Давайте вставим компонент на страницу:

<x-layout>
	<livewire:post-enter />
</x-layout>

Создайте компонент EmployeeEnter. Поиск работника запускается клавишей ввода.