Laravel Live 线增量减量不起作用

Question

我将步骤功能放入我的待办事项列表项目中。

我为 Livewire 创建了一个作曲家。

@livewireStyles还 包含@livewireScripts在页眉和页脚中。

在这里，我的增量控件不起作用

1）创建.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');

    }

}

执行此代码后，我的“+”图标无法执行增量操作，请帮助我。

Answer 1

php artisan serve这里你的代码看起来没问题，确保你在 laravel 服务器 ie命令的平台上使用它：http:&nbsp;//127.0.0.1:8000