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

Question

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

На моем LivewireTable компонент, я определяю одно общедоступное свойство, называемое $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