Используйте SortableJS / Vue .Draggable с Laravel Livewire

Question

Я создаю компонент Livewire для таблицы. Я хочу, чтобы строки были сортируемыми, поэтому я пытаюсь реализовать VueDraggable внутри моего компонента Livewire.

В моем компоненте LivewireTable я определяю одно свойство publi c, которое называется $records.

На виде я использую vue-draggable примерно так:

<vue-draggable wire:model="records" tag="tbody">
    @foreach($records as $record)
        <tr>
            (...)
        </tr>
    @endforeach
</vue-draggable>

Когда я проверяю компонент Vue, значение равно null, что означает, что Livewire не делает то, что это должно.

Я уверен, что я делаю что-то не так. Кто-нибудь может помочь? Заранее спасибо.

Answer 1

Поддержка Vue JS была выделена в отдельный пакет. Вы можете найти его на https://github.com/livewire/vue