svelte-dragdroplist:带有Svelte 3的可排序列表。动画,触摸友好且可访问

时间:2024-05-20 04:22:21
【文件属性】:

文件名称:svelte-dragdroplist:带有Svelte 3的可排序列表。动画,触摸友好且可访问

文件大小:5KB

文件格式:ZIP

更新时间:2024-05-20 04:22:21

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)

网友评论