SortList 排序列表
拖拽排序列表,对 s-list
进行了二次封装,提供了拖拽排序功能。
基本用法
<template>
<s-sort-list :dataSource="listData" border>
<template #itemRender="{ record }">
<div>{{ record.name }}</div>
</template>
</s-sort-list>
</template>
<script>
export default {
name: "SortListBase",
data() {
return {
listData: [
{ id: "111", name: "张三" },
{ id: "222", name: "李四" },
{ id: "333", name: "王五" }
]
}
}
}
</script>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
Props
Emits
Slots