在 Laravel Livewire 中使用 SortableJS/Vue.Draggable答案

【问题标题】：Use SortableJS/Vue.Draggable with Laravel Livewire在 Laravel Livewire 中使用 SortableJS/Vue.Draggable
【发布时间】：2020-06-25 09:12:34
【问题描述】：

我正在为一个表格构建一个 Livewire 组件。我希望行是可排序的，所以我尝试在我的 Livewire 组件中实现 VueDraggable。

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

在视图上，我正在使用vue-draggable，如下所示：

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

当我检查 Vue 组件时，值是 null，这意味着 Livewire 没有做它应该做的事情。

我确定我做错了什么。任何人都可以帮忙吗？提前致谢。

【问题讨论】：

您使用的是哪个 livewire 版本？请先更新到最新版本。
我使用的是 v1.0。但我想这就是问题所在，因为 VueJS 支持在升级到 1.0 期间被删除。

标签： laravel vue.js vuedraggable laravel-livewire

【解决方案1】：

Vue JS 支持在一个单独的包中被抽象出来。你可以在https://github.com/livewire/vue找到它

【讨论】：

感谢您的帮助。它有所帮助，但我认为我将进行完整的 Vue 实现。我觉得 Livewire 对于生产环境来说还是太不稳定了……
乐于助人。问题是它在文档、帮助、视频等方面的资源非常少，这使得它很难处理。作为一个较新的项目，它也在快速发展，引入了许多重大变化。它适用于小型项目，或者如果您愿意深入研究代码以实现您喜欢的功能。心态的变化也很大。我最近开始在它上面创建一个相当复杂的应用程序。尚未投入客户项目。