使用 SortableJS/Vue.Draggable 和 Laravel Livewire

Question

我正在为 table 构建一个 Livewire 组件。我希望行是 sortable，所以我试图在我的 Livewire 组件中实现 VueDraggable。

在我的 LivewireTable 组件上，我定义了一个名为 $records 的 public 属性。

在视图中，我使用 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

找到它

使用 SortableJS/Vue.Draggable 和 Laravel Livewire

Use SortableJS/Vue.Draggable with Laravel Livewire

laravel

vue.js

vuedraggable

laravel-livewire