Laravel Livewire切换开关报错：找不到公共方法display

你在视图中使用wire:change='display'，Livewire会将display解析为组件的公共方法去调用，但你的组件里只有同名的公共属性$display，没有对应的display()方法，因此触发"找不到公共方法display"的错误。

有两种常用的修复方式，根据需求选择：

方式一：使用双向绑定（推荐） #

利用Livewire的wire:model实现属性与表单控件的双向绑定，自动同步状态并触发updating钩子，无需手动处理checked状态：

修改视图代码 #

<div>
    <div class="form-check form-switch">
        <input class="form-check-input" type="checkbox" role="switch" id="flexSwitchCheckDefault" wire:model='display'> 
    </div>
</div>

组件代码无需修改 #

你的组件中已存在updating钩子，当$display属性被wire:model同步修改时，会自动执行该钩子完成模型保存和事件触发。

方式二：手动处理change事件 #

如果需要更自定义的逻辑，可以添加一个专门的方法处理开关切换，再绑定到wire:change：

组件中添加方法 #

public function toggleDisplay()
{
    $this->display = !$this->display;
    $this->model->setAttribute($this->field, $this->display)->save();
    $this->emit('statusUpdated');
}

修改视图代码 #

<div>
    <div class="form-check form-switch">
        <input class="form-check-input" type="checkbox" role="switch" id="flexSwitchCheckDefault" wire:change='toggleDisplay' @checked($display)> 
    </div>
</div>

这里使用Blade的@checked指令替代@if($display) checked @endif，语法更简洁规范。

内容的提问来源于stack exchange，提问作者HellllllpThanks