mitratek/livewire-select

Livewire 的可搜索选择输入组件

v0.1.8 2023-08-09 11:10 UTC

This package is auto-updated.

Last update: 2024-09-09 13:29:33 UTC


README

Latest Version on Packagist Total Downloads GitHub license

Livewire 的可搜索选择输入组件

需求

安装

您可以通过 composer 安装此包

composer require mitratek/livewire-select

基本用法

  • 在您的 Livewire 组件中使用 trait LivewireSelect
<?php

namespace App\Http\Livewire\CreateUser

use Livewire\Component;
use Mitratek\LivewireSelect\LivewireSelect;

class CreateUser extends Component
{
    use LivewireSelect;

    // set properties to get selected value from LivewireSelect
    public $country_id;
}
  • 在您的 blade 视图中使用 livewire-select 组件,并传入参数
<livewire:select-input name='country_id' model='\App\Models\Country' search='["name", "region"]' show='{id} - {name}' value='id' placeholder='Choose country' />

或者,您可以将集合数据传递给 select-input,如下所示

<livewire:select-input name='country_id' collection='{!! $countries !!}' search='["name", "region"]' show='{id} - {name}' value='id' placeholder='Choose country' />

属性