更新记录

1.7.7（2024-06-03）

1. 支持options更新
2. 简化代码逻辑
3. 更新示例demo代码

1.7.6（2023-05-04）

1. 修正bug
2. 优化示例

1.7.5（2022-02-17）

1. 示例项目新增双层循环示例
2. 组件未修改

平台兼容性

uni-app

uni-app x

在线Demo

关于兼容性

仅适用于Android、Ios、H5项目，关于renderjs说明

关于运行

1. 下载示例项目
2. 安装依赖 npm i sortablejs
3. 运行至浏览器

使用示例

<sortable-renderjs> 标签中第一个子节点(:first-child)会生效拖拽

<sortable-renderjs>
 <view>
  <view v-for="str of ['aaa','bbb','ccccccccc']" :key="str" :data-id="str">{{str}}</view>
 </view>
</sortable-renderjs>

参数

options 参照官网配置信息 SortableJs

事件

@onListChange 列表发生改变，对应sortablejs的onAdd/onRemove/onMove事件发生改变都会回调