Livewire 组件在发出后没有完全刷新

Question

livewire 组件在从另一个组件发出后没有完全刷新，它显示了一些缺失的部分。有什么解决办法吗？

我的 livewire 组件

    class AllStaffs extends Component
{
    // public $staffs;
    use WithPagination;
    protected $listeners = ['addedStaff' => 'render',
        'editedStaff' => 'render',
        'render'];

    public function delete($id)
    {
        User::destroy($id);
        $this->emitSelf('render');
        $this->dispatchBrowserEvent('staff-deleted');
        session()->flash('success', 'Staff Deleted Successfully !');
    }

    public function render()
    {
        $roles = Role::all();
        $staffs = User::latest()->paginate(10);
        // $staffs = $this->staffs;
        return view('livewire.all-staffs', compact('staffs', 'roles'));
    }
}

Answer 1

我使用 livewire 文档的故障排除部分解决了它在每个 table 上设置电线键 wire:key="foo"

Livewire 组件在发出后没有完全刷新

Livewire component doesn't refresh fully after emit

laravel

laravel-livewire