Начальное значение поля в Livewire

Давайте рассмотрим ситуацию, когда в разметке у поля уже стоит готовый заголовок, а свойство компонента пустое. После первого запроса Livewire затирает текст в input пустым значением с сервера.

Модификатор .fill у wire:model один раз читает начальное значение из атрибута value и записывает его в свойство, если там ещё ничего нет.

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

php artisan make:livewire PostSeed --class

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

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

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

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

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

Давайте свяжем поле с fill, кнопку и вывод свойства:

<div>
	<input
		type="text"
		wire:model.fill="title"
		value="News"
	>
	<button type="button" wire:click="show">
		Show
	</button>
	<div>{{ $title }}</div>
</div>

Создайте компонент EmployeeSeed. В разметке поля стоит Ann, и это имя попадает в компонент как начальное.