在 laravel 8 中使用带有 livewire 的多下拉依赖项答案

【问题标题】：use multi dropdown dependency in laravel 8 with livewire在 laravel 8 中使用带有 livewire 的多下拉依赖项
【发布时间】：2021-11-15 06:51:30
【问题描述】：

使用带有依赖关系的下拉（选择输入）非常简单。

我们有 2 个模型。州和城市

如果我们希望在用户选择状态下拉列表时，显示城市下拉列表，并且用户可以选择城市，而无需使用 ajax 或 java 脚本与 livewire 突出只需在 laravel 8 中使用 livewire。

在你的 laravel 项目中安装 livewire

composer require livewire/livewire

创建您的组件（示例名称计数器）

php artisan make:livewire counter

运行该命令会生成以下两个文件：

app/Http/Livewire/Counter.php

资源/视图/livewire/counter.blade.php

livewire 类 Counter.php==>

namespace App\Http\Livewire;

use Livewire\Component;

class Counter extends Component
{
    public $first,$second;

    public function render()
    {
        
        return view('livewire.Counter');
    }
}

livewire 刀片 counter.blade.php 像这样==>

<div>
    <select wire:model='first' name="1" id="1">
        <option value="">select</option>
        <option value="volvo">Volvo</option>
        <option value="saab">Saab</option>
        <option value="mercedes">Mercedes</option>
        <option value="audi">Audi</option>
      </select>
      @if($first)
      <select  wire:model='second' name="2" id="2">
        <option value="">select</option>
        <option value="1">1</option>
        <option value="2">2</option>
        <option value="3">3</option>
        <option value="4">4</option>
      </select>
      @endif
</div>

在你想要的每个刀片中使用我们的组件。如果我们把它放在 welcom.blade.php 上

<head>
    ...
    @livewireStyles
</head>
<body>
    <livewire:counter /> 
 
    ...
 
    @livewireScripts
</body>

玩得开心。如果有更好的想法请分享。

【问题讨论】：

标签： php laravel laravel-livewire

【解决方案1】：

首先，我认为它不应该这样工作

php artisan make:livewire counter

你需要跑

php artisan livewire:make counter

【讨论】：

make:livewire & livewire:make 他们都工作。但最好用大写 c 编写 Counter 之类的 Counter 来创建组件