【文件属性】:
文件名称:svelte-dragdroplist:带有Svelte 3的可排序列表。动画,触摸友好且可访问
文件大小:5KB
文件格式:ZIP
更新时间:2021-04-30 10:35:41
drag-and-drop svelte-components svelte sortable-lists svelte-v3
Svelte-DragDropList
排序列表。
为什么要使用这个组件?
双向绑定-用户将列表项拖放到新位置后,数据顺序就会立即更新,甚至在删除之前
全触摸支持-不使用HTML5拖放API
可访问-包括按钮,可在不拖动的情况下移动元素
可能比编写新书容易。
用法
使用组件的最简单方法是将唯一的字符串数组传递给它。 如果您bind:data ,则源数组将在用户重新排列其项时进行更新。
< script >
import DragDropList from "svelte-dragdroplist";
let data = ["Adams", "Boston", "Chicago", "Denver"];
< / script >
< DragDropList xss=removed>
唯一ID
如果不确定字符串是否唯一,则应传递对象
【文件预览】:
svelte-dragdroplist-master
----package.json(775B)
----package-lock.json(387B)
----.gitignore(41B)
----README.md(3KB)
----DragDropList.svelte(7KB)