Отправка формы в Livewire

Поля уже связаны со свойствами, но удобнее собрать их в одну форму: человек ждёт, что одна кнопка отправки передаст все значения разом, а не отдельное действие на каждое поле.

Тег form с атрибутом wire:submit связывает отправку с методом компонента. Livewire перехватывает отправку и не перезагружает страницу целиком.

Давайте заведём в PostForm заголовок, текст и пустой метод save:

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

Давайте оформим поля внутри формы с кнопкой type submit и выведем оба свойства под формой:

<div>
	<form wire:submit="save">
		<input type="text" wire:model="title">
		<textarea wire:model="body"></textarea>
		<button type="submit">
			Save
		</button>
	</form>
	<div>{{ $title }}</div>
	<div>{{ $body }}</div>
</div>

Сделайте так, чтобы форма работника отправляла имя и должность одной кнопкой, а страница не перезагружалась целиком.