Привязка при смене в Livewire

Давайте теперь выберем рубрику поста из списка. Если связь живая на каждый символ, запросы сыпятся, пока человек ещё листает пункты. Нужно отправить значение, когда выбор уже закреплён.

Модификатор .change вместе с .live обновляет свойство после смены значения в списке, а не на каждый промежуточный шаг.

Давайте создадим компонент PostRubric:

php artisan make:livewire PostRubric --class

Давайте добавим маршрут и страницу:

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

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

Давайте заведём свойство рубрики в компоненте:

<?php
	namespace App\Livewire;
	
	use Livewire\Component;
	
	class PostRubric extends Component
	{
		public $rubric = '';
		
		public function render()
		{
			return view('livewire.post-rubric');
		}
	}
?>

Давайте свяжем список и выведем выбранное значение:

<div>
	<select wire:model.change.live="rubric">
		<option value="">Choose</option>
		<option value="News">News</option>
		<option value="Photo">Photo</option>
	</select>
	<div>{{ $rubric }}</div>
</div>

Создайте компонент EmployeeRubric. Отдел работника попадает в компонент, когда выбор в списке закреплён.