编辑表单中的 Select2 未触发编辑表单中的选定值 - Livewires

如何解决编辑表单中的 Select2 未触发编辑表单中的选定值 - Livewires

我在 livewire 组件中有一个 select2。一切正常，但在我的编辑视图中，所选选项未显示在框中。当我打开下拉菜单时，它们显示为突出显示，因此数据来自后端。

 <div  wire:ignore class="col-8">
                                        <select wire:model="notificationType" class="form-control select2 text-sm"
                                                multiple="multiple">
                                            @foreach($notificationTypeOptions as $key => $option)
                                                <option value="{{ $key }}">{{ $option }}</option>
                                            @endforeach
                                        </select>
                                    </div>

     $('.select2').select2({
                width: '100%',tags: true,multiple: "multiple",});

            $('.select2').on('change',function (e) {
                var data = $('.select2').val();
            @this.set('notificationType',data);
            });

请如果有人可以帮忙...

解决方法

为您的选择框使用单独的 id 并通过 id 调用 select2

$('#edit-select').select2()
$('#create-select').select2()

,

在刀片组件内使用此代码：

@if (in_array($key,$notificationType)) {{'selected'}} @endif

一切原样仅在选择选项标签中发生变化：如下代码：

<option value="{{$key}}" @if (in_array($key,$notificationType)) {{'selected'}} @endif>{{ $option }}</option>