更新记录

1.0.0（2026-01-26） 下载此版本

发布第一版，列表拖拽排序，可删除，可排序，可追加数据

平台兼容性

uni-app(3.6.15)

拖拽排序-拖动排序-列表拖拽排序可删除

说明

已经支持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  // 更新数组

4. 具体使用方法请下载示例项目查看

业务微信 liuzichen0539.