我有一个简单的 Livewire 组件,就像以下代码所示。
现在我想添加一个功能,以便我可以通过过滤数组。例如,如果我输入名称
我生成了一个包含搜索查询的组件,如下所示。
use Livewire\Component;
class KandidaatList extends Component
{
public $kandidaten = [];
public function mount()
{
$this->kandidaten = '[
{
"naam" : "Aad Elias",
"geslacht": "m",
"leeftijd": "35",
"woonplaats": "Groningen",
},
{
"naam" : "Linda de Jong",
"geslacht": "v",
"leeftijd": "24",
"woonplaats": "Mantgum",
}
]';
}
}
Blade/View
<div>
@foreach (json_decode($kandidaten) as $kandidaat)
<div class="pl-14 py-5 border-b border-grey-600 flex justify-around">
<div>{{$kandidaat->naam}}</div>
<div>{{$kandidaat->leeftijd}}</div>
<div>{{$kandidaat->woonplaats}}</div>
<div class="c-tag c-tag--primary h-5">{{$kandidaat->status}}</div>
</div>
@endforeach
</div>
现在我想添加一个功能,以便我可以通过过滤数组。例如,如果我输入名称
Aad Elias
,那么只有该名称的结果会显示出来。我生成了一个包含搜索查询的组件,如下所示。
namespace App\Http\Livewire;
use Livewire\Component;
class Search extends Component
{
public $query;
public function mount()
{
$this->query = 'search query';
}
}
目前,我可以在Blade中输出已输入的查询。
<div>
<input wire:model="query" type="text">
{{ $query }}
</div>
但是我该如何将输入字段中键入的查询与KandidaatList
数组连接起来,以仅返回具有搜索名称的结果?