Laravel Livewire单选框绑定问题：无法获取radio选中值

先检查控制器属性定义 #

Livewire仅能绑定公开类属性，所以确保你的控制器里$priceInput是公开的，必要时可设置默认值：

// livewire/frontend/product/index.php
class Index extends Component
{
    public $priceInput; // 必须为public，私有/受保护属性无法被wire:model识别

    // 其余业务逻辑...
}

核对单选框的HTML结构 #

确保两个单选框绑定同一个wire:model，且value属性准确对应预期值：

<!-- 组件视图中的单选框代码 -->
<div>
    <input type="radio" wire:model="priceInput" value="high-to-low" id="high-low">
    <label for="high-low">价格从高到低</label>

    <input type="radio" wire:model="priceInput" value="low-to-high" id="low-high">
    <label for="low-high">价格从低到高</label>
</div>

注意：不要给单选框手动设置不同的name属性，wire:model会自动统一处理，手动设置反而可能引发冲突。

排查渲染上下文与缓存问题 #

1. 避免组件嵌套在父视图的<form>标签内，Livewire组件的表单元素和外部表单容易产生绑定冲突，建议把组件放在独立区域，或者用Livewire自带的<form wire:submit.prevent="...">包裹内部元素。
2. 清理缓存，旧缓存可能导致绑定失效：

php artisan cache:clear
php artisan view:clear
php artisan livewire:clear

调试验证绑定是否生效 #

在控制器里添加属性更新钩子，直接查看绑定值：

public function updatedPriceInput($value)
{
    dd($value); // 选中单选框时会触发这个方法，打印最新值
}

如果这里能输出正确的high-to-low或low-to-high，说明绑定本身没问题，可能是视图里的var_export渲染时机问题，可以给显示元素加个wire:key确保重新渲染时更新：

<div wire:key="price-display">{{ var_export($priceInput) }}</div>

检查版本兼容性 #

确认Laravel和Livewire版本匹配，比如Laravel 10对应Livewire 3，Laravel 9对应Livewire 2，版本不兼容也可能导致绑定异常，用composer show livewire/livewire查看当前版本，对照官方文档确认适配性。

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