编程

使用 Alpine.js 排序插件排序元素

353 2024-05-29 18:36:00

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 文档