You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

Livewire联动下拉框问题:用户编辑页子分区下拉异常

问题:Livewire联动下拉框子分区加载异常

我有三个数据库表Users、Divisions和Subdivisions,其中Division与Subdivisions为一对多关联。每个User必须包含division_id,subdivision_id为可选字段(允许为空)。

在用户更新页面,我设置了两个联动下拉选择框:「选择分区」和「选择子分区」,数据从对应数据库表获取。分区下拉框功能正常,但子分区下拉框仅在组件挂载时加载所有Subdivisions数据才可正常工作。若注释掉挂载时加载所有子分区的代码,子分区下拉框将无法使用;但保留该代码时,用户会看到所有子分区,而非当前用户所属分区下的子分区。

当前有效代码示例

public function updated()
{
    $this->subdivisions = Subdivision::query()
                          ->select("id", "name")
                          ->where('division_id', '=', $this->division_id)
                          ->get();
}

public function mount()
{
    $this->divisions = Division::all();
    $this->subdivisions = Subdivision::all();
}

注释后失效的代码示例

public function updated()
{
    $this->subdivisions = Subdivision::query()
                          ->select("id", "name")
                          ->where('division_id', '=', $this->division_id)
                          ->get();
}

public function mount()
{
    $this->divisions = Division::all();
    //$this->subdivisions = Subdivision::all();
}

测试步骤

  • 执行git clone https://github.com/OlyaK95/livewire-dependent-dropdown.git
  • 执行cd livewire-dependent-dropdown
  • 执行composer install
  • 执行cp .env.example .env
  • 执行php artisan key:generate
  • 执行npm install && npm run dev
  • 执行php artisan migrate:fresh --seed
  • 执行php artisan serve
  • 访问localhost:8000查看效果

内容的提问来源于stack exchange,提问作者SET

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.07.07 22:55:06