Create Button Click action
php artisan make:livewire Greeter
resources\views\livewire\greeter.blade.php
<div>
<div>{{ $name }}</div>
<input wire:model="newname" type="text" />
<button wire:click="changeName()">Greet</button>
</div>
app\Http\Livewire\Greeter.php
<?php
namespace App\Http\Livewire;
use Livewire\Component;
class Greeter extends Component
{
public $name = 'Jeremy';
public $newname = '';
public function changeName()
{
$this->name = $this->newname;
}
public function render()
{
return view('livewire.greeter');
}
}
resources\views\welcome.blade.php
<div class="max-w-6xl mx-auto sm:px-6 lg:px-8">
<div class="flex justify-center pt-8 sm:justify-start sm:pt-0">
<livewire:greeter />
</div>
</div>
@livewireScripts
Create Form Submit action
resources\views\livewire\greeter.blade.php
<div>
<h1>{{ $name }}</h1>
<form wire:submit.prevent="changeName">
<input type="text" wire:model="tempName" />
<button type="submit">Greet</button>
</form>
</div>
resources\views\livewire\greeter.blade.php
<?php
namespace App\Http\Livewire;
use Livewire\Component;
class Greeter extends Component
{
public $name = 'Jeremy';
public $tempName;
public function changeName()
{
$this->name = $this->tempName;
}
public function render()
{
return view('livewire.greeter');
}
}