Livewire的updated生命周期钩子未检测到复选框取消勾选问题

你的代码逻辑没问题，但问题出在浏览器表单提交的默认行为和Livewire的属性更新机制上：

当你取消最后一个勾选的复选框时，浏览器不会向服务器提交parts[]这个字段——因为没有选中的复选框时，表单不会包含该参数。而Livewire只有在检测到前端传来的字段值变化时，才会更新对应的组件属性并触发updated钩子。这就导致取消最后一个复选框时，$parts属性没有被更新，自然不会触发updatedParts方法。

解决办法 #

你可以通过添加一个隐藏的输入框来强制浏览器始终提交parts字段，即使没有勾选任何复选框：

@foreach ($inventoryItems as $item)
    <input type="checkbox" wire:model="parts" name="parts[]" 
        value="{{ $item->id }}">
@endforeach
<!-- 添加隐藏输入，确保空值被提交 -->
<input type="hidden" wire:model="parts" name="parts[]" value="">

另外，建议在组件的mount方法中初始化$parts为空数组，确保属性始终是数组类型，避免类型不一致的问题：

public function mount()
{
    $this->parts = [];
}

这样修改后，无论是勾选还是取消勾选（包括取消最后一个），updatedParts都会被触发，因为Livewire能始终接收到parts字段的更新（空数组或选中的ID数组）。

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