时间戳

首页 > 解决方案 > Laravel Live 电线增量减量不起作用

php - Laravel Live 电线增量减量不起作用

问题描述

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

我为 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');
    }
}

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

标签： phplaravellaravel-bladelaravel-livewire

解决方案

这里你的代码看起来不错，确保你在 laravel 服务器上使用它，即php artisan serve命令的平台：http: //127.0.0.1 :8000

推荐阅读