更新记录
1.0.0(2026-01-26) 下载此版本
发布第一版,列表拖拽排序,可删除,可排序,可追加数据
平台兼容性
uni-app(3.6.15)
| Vue2 | Vue3 | Chrome | Safari | app-vue | app-nvue | Android | iOS | 鸿蒙 |
|---|---|---|---|---|---|---|---|---|
| √ | - | √ | √ | √ | - | √ | √ | - |
| 微信小程序 | 支付宝小程序 | 抖音小程序 | 百度小程序 | 快手小程序 | 京东小程序 | 鸿蒙元服务 | QQ小程序 | 飞书小程序 | 小红书小程序 | 快应用-华为 | 快应用-联盟 |
|---|---|---|---|---|---|---|---|---|---|---|---|
| √ | - | - | - | - | - | - | - | - | - | - | - |
拖拽排序-拖动排序-列表拖拽排序可删除
说明
已经支持APP H5和微信小程序,其他端需自测
特点
- 列表拖拽排序,可删除,可排序,可追加数据
- 嘎嘎好用
- 温馨提示:点击开始编辑后,可进行拖拽和删除等操作;操作完成后请点击'操作完成';编辑状态开启后,不支持页面上下滑动。
快速上手
1. 解压下载的压缩包,将组件放在项目的components目录下
2. 引用组件
import lzcDragSort from '@/components/lzc-drag-sort/lzc-drag-sort.vue'
export default {
components: {
lzcDragSort
}
}
<lzcDragSort :list.sync="list" label="name" :columnNum="1" :columnSpace="20" :rowHeight="220" :rowSpace="20" @updateEdit='updateEdit' @updateListNew='updateList' @delListObj='delListObj'></lzcDragSort>
3. 字段解释
list // 列表数据
updateEdit // 更新编辑状态
updateList // 更新数组

收藏人数:
下载插件并导入HBuilderX
下载示例项目ZIP
赞赏(0)
下载 4773
赞赏 28
下载 13683015
赞赏 1851
赞赏
京公网安备:11010802035340号