更新记录
2.0.20250703(2025-07-03)
下载此版本
增加 onChoose
2.0.20250617.3(2025-06-17)
下载此版本
更新README
2.0.20250617.2(2025-06-17)
下载此版本
重新上传示例项目
查看更多
平台兼容性
uni-app
Vue2 |
Vue3 |
Chrome |
Safari |
app-vue |
app-nvue |
Android |
iOS |
鸿蒙 |
√ |
√ |
√ |
√ |
√ |
- |
- |
- |
- |
微信小程序 |
支付宝小程序 |
抖音小程序 |
百度小程序 |
快手小程序 |
京东小程序 |
鸿蒙元服务 |
QQ小程序 |
飞书小程序 |
快应用-华为 |
快应用-联盟 |
× |
× |
× |
× |
- |
- |
- |
× |
- |
× |
× |
其他
关于兼容性
此插件只适用于APP项目(Android/Ios)、Web项目,不支持小程序!!关于renderjs说明
说明
- 请先安装sortablejs,在项目根目录执行
npm install sortablejs
- 有示例项目请先运行示例项目了解使用方法。
- sortablejs更多参数配置参考sortablejs官网
示例代码
<sortable-renderjs domId="horizontal" @changeList="horizontalListChange">
<view id="horizontal" class="horizontal item-ul">
<!-- data-id数据将会在排序改变后在事件changeList返回 -->
<view class="item-li" v-for="(item,i) of list" :key="i" :data-id="item">{{item}}</view>
</view>
</sortable-renderjs>
传入参数
属性名 |
是否必填 |
值类型 |
说明 |
domId |
是 |
String |
如上示例代码需拖动元素的父元素Id(延迟调用不要直接写死) |
options |
否 |
Object |
参照http://www.sortablejs.com/官网进行参数配置 |
事件
事件名 |
说明 |
changeList |
在排序发生改变后触发,会将子元素上的data-id数据以数组形式返回 |