【问题标题】:Laravel Livewire isn't applying "checked" property in form checkboxLaravel Livewire 没有在表单复选框中应用“选中”属性
【发布时间】:2022-01-20 11:22:35
【问题描述】:

我试图设置一个条件来生成在某些事件下切换的开关,但是当我 livewire:model 时,复选框总是生成关闭。我的blade.php:

<?php
                        use Spatie\Permission\Models\Role;
                        use Spatie\Permission\Models\Permission;
                        $r = $this->role;
                        $gestion = $r->hasPermissionTo('gestionar');
                        $consultas = $r->hasPermissionTo('consultar');
                        $adPe = $r->hasPermissionTo('administrarPerfiles');
                        $adUs = $r->hasPermissionTo('administrarUsuarios');
                        
                    ?>

                    <div class="row">
                        <div class="form-check form-switch col-6 pl-2">
                            <input class="form-check-input" type="checkbox" wire:model="role.Gestion" id="gest" 
                            @if($gestion){
                                checked
                            }
                            @endif>
                            <label class="form-check-label" for="gest">Gestión</label>
                        </div>
                        <div class="form-check form-switch col-6">
                            <input class="form-check-input" type="checkbox" id="cons" wire:model="role.Consulta"
                            @if($consultas){
                                checked
                            }
                            @endif>
                            <label class="form-check-label" for="cons">Consultas</label>
                        </div>
                    </div>

我应该怎么做才能解决这个问题?

【问题讨论】:

    标签: php laravel laravel-blade laravel-livewire


    【解决方案1】:

    只需使用wire:model 将模型绑定到复选框就足够了。无需手动设置checked属性。

    不要将你的逻辑放在刀片文件中。在您的 Livewire 组件中设置变量并使用 wire:model 绑定到该变量。

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2014-11-24
      • 2021-12-17
      • 1970-01-01
      • 2021-03-01
      • 2017-05-11
      • 1970-01-01
      • 2021-03-10
      • 1970-01-01
      相关资源
      最近更新 更多