Livewire中实现唯一选择：Radio Buttons的正确使用与实践

<?php

namespace App\Http\Livewire;

use App\Models\Address; // 假设你的地址模型是 App\Models\Address
use Livewire\Component;

class AddressComponent extends Component
{
    /**
     * @var \Illuminate\Database\Eloquent\Collection
     */
    public $addresses; // 用于存储所有地址的集合

    /**
     * @var int|null
     */
    public $selectedAddressId; // 用于存储当前选中的地址ID

    /**
     * 组件初始化方法。
     * 在这里加载地址数据并设置初始选中项。
     */
    public function mount()
    {
        $this->addresses = Address::all(); // 从数据库加载所有地址
        // 可以设置一个默认选中项，例如第一个地址的ID
        // 如果没有地址，则设置为 null
        $this->selectedAddressId = $this->addresses->first()->id ?? null;
    }

    /**
     * 渲染组件视图。
     */
    public function render()
    {
        return view('livewire.address-component-view');
    }

    // 可以在这里添加其他方法，例如保存选中地址等
    public function saveSelectedAddress()
    {
        // 假设这里是保存逻辑，例如更新用户默认地址
        if ($this->selectedAddressId) {
            // Log::info("Selected Address ID: " . $this->selectedAddressId);
            // User::find(auth()->id())->update(['default_address_id' => $this->selectedAddressId]);
            session()->flash('message', '默认地址已更新！');
        } else {
            session()->flash('error', '请选择一个地址。');
        }
    }
}

<div>
    @if (session()->has('message'))
        <div class="alert alert-success">
            {{ session('message') }}
        </div>
    @endif
    @if (session()->has('error'))
        <div class="alert alert-danger">
            {{ session('error') }}
        </div>
    @endif

    <h3>选择您的地址：</h3>
    @foreach ($addresses as $address)
        <div class="mb-2 p-2 rounded" style="border: 1px solid #ddd;">
            <input type="radio"
                   id="address-{{ $address->id }}"
                   name="selectedAddress" {{-- 关键：所有单选按钮共享相同的 'name' 属性 --}}
                   value="{{ $address->id }}"
                   wire:model="selectedAddressId" {{-- 关键：绑定到 Livewire 组件的属性 --}}
                   class="form-check-input">
            <label for="address-{{ $address->id }}" class="ms-2">
                {{ $address->province->name ?? '' }} - {{ $address->city->name ?? '' }} - {{ $address->address }}
            </label>
        </div>
    @endforeach

    <h4 class="mt-4">当前选中的地址ID: <span class="badge bg-primary">{{ $selectedAddressId ?? '未选择' }}</span></h4>

    <button wire:click="saveSelectedAddress" class="btn btn-success mt-3">保存选中地址</button>
</div>