livewire 에 select2 사용하기

            <div
                wire:ignore>
                <select
                    {{-- x-data="{ amount: $wire.entangle('stones.{{ $key }}.stone_id').defer, anElement: null }"--}}
                    x-data
                    x-init="$nextTick(() => {
                    $($el).select2({ width: '100%' });
                    $($el).val(@this.stones[{{$key}}]['stone_id']).trigger('change');
                    $($el).on('select2:select', function (e) {
                        @this.call('setStones', {{$key}}, e.params.data.id);
                    });
                });"
                    class="block w-full bg-white border border-gray-300 rounded-md shadow-sm py-2 px-3 focus:outline-none focus:ring-gray-900 focus:border-gray-900 text-xs"
                    x-ref="select">
                    <option value=''>선택</option>
                    @foreach($stone_list as $value2)
                        <option value="{{$value2['id']}}">{{$value2['name']}}</option>
                    @endforeach
                </select>
            </div>
livewire 에 select2 사용하기 | GGAMI.NET
다른 글
