添加select2插件以选择选项后。Laravel Livewire搜索不起作用

我正在与laravel 8和livewire合作。将select2添加到下拉选择后，livewire搜索将不起作用

这是livewire

---

首先在SearchAlbum类中获取名为gallery\u id的公共变量

之后，您必须在blade和jquery中进行以下更改：

刀片：

<div wire:ignore>
    <select id="select-gallery" class="custom-select" name="gallery_id" 
     wire:model="gallery_id">
        <option value="">Select Gallery</option>
        @foreach ($galleries as $gallery)
          <option value="{{ $gallery->id }}">{{ $gallery->name }}</option>
        @endforeach
    </select>
</div>

<script>
    $(document).ready(function() {
        $('#select-gallery').select2();
        $('#select-gallery').on('change', function (e) {
            var data = $('#select-gallery').select2("val");
            @this.set('gallery_id', data);
        });
    });
</script>


选择库
@foreach（$gallery作为$gallery）
{{$gallery->name}
@endforeach

jquery:

<div wire:ignore>
    <select id="select-gallery" class="custom-select" name="gallery_id" 
     wire:model="gallery_id">
        <option value="">Select Gallery</option>
        @foreach ($galleries as $gallery)
          <option value="{{ $gallery->id }}">{{ $gallery->name }}</option>
        @endforeach
    </select>
</div>

<script>
    $(document).ready(function() {
        $('#select-gallery').select2();
        $('#select-gallery').on('change', function (e) {
            var data = $('#select-gallery').select2("val");
            @this.set('gallery_id', data);
        });
    });
</script>


$（文档）.ready（函数（）{
$（“#选择图库”）。选择2（）；
$（'select gallery'）。关于（'change'，函数（e）{
var数据=$（'select gallery'）。选择2（“val”）；
@此.set（'gallery_id'，数据）；
});
});