Livewire同一组件多实例场景下如何实现所有实例同步刷新？

你遇到的问题根源是emitTo方法只会触发指定组件名的第一个匹配实例的监听事件，无法覆盖页面上所有同类型的组件实例，所以仅当前操作的组件会刷新。
以下是两种可直接落地的实现方案，无需强制整页重载：

方案1：全局事件广播（快速实现） #

所有地址组件监听同一个全局自定义事件，任意组件更新默认地址后广播事件，触发所有组件刷新：

1. 修改CustomerAddress.php的监听配置，替换为自定义事件：

protected $listeners = [
    // 监听全局地址更新事件，触发刷新
    'addressDefaultUpdated' => '$refresh',
];

2. 修改提交方法的事件触发逻辑，改用全局广播：

public function submitForm()
{
    $this->validate();
    $this->save();
    $this->editable = false;

    $this->address->refresh();
    // 全局广播事件，所有监听该事件的地址组件都会收到通知刷新
    $this->emit('addressDefaultUpdated');
}

方案2：父组件托管状态（性能更优） #

如果地址列表由上层父组件循环渲染，可将默认地址状态托管在父组件，减少多组件重复监听的性能消耗：

1. 父组件（如CustomerAddressList.php）存储默认地址ID并监听更新事件：

// 父组件属性，存储当前默认地址ID
public $defaultAddressId;

protected $listeners = [
    'addressDefaultUpdated' => 'refreshDefaultStatus',
];

// 刷新默认地址ID
public function refreshDefaultStatus()
{
    // 替换为你的业务逻辑，获取当前客户的默认地址ID
    $this->defaultAddressId = $this->customer->default_address_id;
}

2. 父组件渲染子组件时传入默认状态参数：

@foreach($addresses as $address)
    <livewire:customers.customer-address 
        :address="$address"
        :is-default="$address->id == $defaultAddressId"
        :key="$address->id"
    />
@endforeach

3. 子组件提交后仅需向上触发父组件事件即可：

// 子组件submitForm方法中，替换原有emit逻辑
$this->emitUp('addressDefaultUpdated');

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