laravel - ライブワイヤー & Select2

Question

私は自分のプロジェクトで Livewire と Slect2 を使用しています。私は 2 つの JavaScript を選択するコードですが、選択した 2 つの値がデータベースに渡されません。これが私のコードです。

マイブレイドファイル

<div class="col-12 col-lg-12 col-sm-12">
    <div wire:ignore>
        <div class="form-group">
            <label for="exampleInputRounded0">Section Name</label>
            <div class="input-group">
                <div class="input-group-prepend">
                    <span class="input-group-text"><i class="fas fa-globe-asia text-primary"></i></span>
                </div>
                <select class="form-control rounded-0 " wire:model="cr_classes_id" id="cr_classes_id" style="width: 100%;" tabindex="-1" aria-hidden="true">
                    @foreach ($classes as $class)
                    <option value="{{$class->id}}">{{$class->classes_name}}</option>
                    @endforeach
                </select>
            </div>
            @error('cr_classes_sec_id') <span class="text-danger error">{{ $message }}</span>@enderror
        </div>
    </div>
</div>

これが私のJSです

@push('js')
<script type="text/javascript">

$(document).ready(function () {
$('#cr_classes_id').select2();
$('#cr_classes_id').on('change', function (e) {
    var data = $('#cr_classes_id').select2("val");
    @this.set('cr_classes_id', data);
});
});

</script>
@endpush 

コンソール エラー

Uncaught TypeError: Cannot read property '$wire' of undefined
    at Livewire.value (index.js:31)
    at HTMLSelectElement.<anonymous> (ClassRooms:844)
    at HTMLSelectElement.dispatch (jquery.min.js:2)
    at HTMLSelectElement.v.handle (jquery.min.js:2)
    at Object.trigger (jquery.min.js:2)
    at HTMLSelectElement.<anonymous> (jquery.min.js:2)
    at Function.each (jquery.min.js:2)
    at k.fn.init.each (jquery.min.js:2)
    at k.fn.init.trigger (jquery.min.js:2)
    at n.select (select2.min.js:2)

ワイヤなし:無視 ワーキング検索とデータベースへのデータ送信