Todo リスト プロジェクトにステップ機能を追加しています。
ライブワイヤー用のコンポーザーを作成しました。
また、ヘッダーとフッターの両方に含ま@livewireStylesれ
ます。@livewireScripts
ここで、インクリメント コントロールが機能しません
1) create.blade.php
<form method="post" action="{{route('todo.store')}}" class="py-5" >
@csrf
<div class="py-1">
<input type="text" name="title" class="px-2 py-2 border rounded" placeholder="Title">
</div>
......
@livewire('step')
<div>
<input type="text" name="stpe" class="px-2 py-2 border rounded" placeholder="Describe Steps">
</div>
</form>
2) step.blade.php
<div>
<div class="flex-justify-center pb-4 px-4">
<h2 class="text-lg pb-4">Add Stpes for task</h2>
<i wire:click="increment" class ="fas fa-plus px-2 py-1 cursor-pointer "></i>
</div>
{{$steps}}
</div>
3) ステップ.php
<?php
namespace App\Http\Livewire;
use Livewire\Component;
class Step extends Component
{
public $steps = 0;
public function increment()
{
$this->steps++;
}
public function render()
{
return view('livewire.step');
}
}
このコードを実行した後、「+」アイコンがインクリメント操作を実行できません。助けてください。