Laravel Livewire 增量减量不起作用

Posted

技术标签:

【中文标题】Laravel Livewire 增量减量不起作用【英文标题】:Laravel Live wire increment decrement is not working 【发布时间】:2020-10-18 00:45:26 【问题描述】:

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

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

还包括@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) step.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');
    

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

【问题讨论】:

【参考方案1】:

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

【讨论】:

以上是关于Laravel Livewire 增量减量不起作用的主要内容,如果未能解决你的问题,请参考以下文章

Laravel livewire 渲染后引导选择不起作用

添加 select2 插件以选择选项后。 Laravel Livewire 搜索不起作用

Laravel Livewire 上的 select2 不起作用

在 oracle 10g 中添加自动增量和自动减量列

laravel Livewire 电线:点击不触发功能

Laravel 收银员数量增量更新不起作用