在线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({ list, eventName})，返回一个对象{ list , eventName }对应sortablejs的onAdd/onRemove/onMove/onEnd事件发生改变都会回调，注意在onMove回调中可能会存在多一个元素的情况