使用 Alpine.js 排序插件排序元素
Alpine.js 在生态系统中有一个新的第一方排序插件,它允许你通过用鼠标拖动元素来轻松地重新排序。Sort 插件在后台使用 SortableJS 项目来重载排序元素,并为 Alpine 提供了一个很好的 API:
<ul x-sort>
<li x-sort:item>foo</li>
<li x-sort:item>bar</li>
<li x-sort:item>baz</li>https://alpinejs.dev/plugins/sort
</ul>
这个小而强大的插件提供了以下功能:
- 排序分组
- 自定义拖拽手柄
- 支持 Ghost 元素
- SortableJS 的可自定义配置
要使用该插件,请查看 Alpine 文档。