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

Я создаю компонент 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 не выполняет то, что должен.

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


person José Osório    schedule 13.03.2020    source источник
comment
Какую версию livewire вы используете? пожалуйста, сначала обновите его до последней версии.   -  person fahim152    schedule 18.03.2020
comment
Я использую v1.0. Но я думаю, это проблема, поскольку поддержка VueJS была удалена во время подъема до 1.0.   -  person José Osório    schedule 19.03.2020


Ответы (1)


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

person Viraj Khatavkar    schedule 20.03.2020
comment
Спасибо за вашу помощь. Это помогло, но я думаю, что собираюсь полностью реализовать Vue. Мне кажется, Livewire все еще слишком нестабилен для производственных сред ... - person José Osório; 22.03.2020
comment
Рад помочь. Проблема в том, что у него очень мало ресурсов с точки зрения документации, справки, видео и т. Д., Что усложняет работу. Будучи более новым проектом, он также быстро развивается, внося множество критических изменений. Это хорошо для небольших проектов или если вы готовы копаться в коде, чтобы реализовать функцию, которую вы предпочитаете. Изменение мышления также огромно. Недавно я начал создавать на нем довольно сложное приложение. Пока не вкладываю клиентские проекты. - person Viraj Khatavkar; 23.03.2020