更新记录
2.0.20250617.3(2025-06-17)
下载此版本
更新README
2.0.20250617.2(2025-06-17)
下载此版本
重新上传示例项目
2.0.20250617.1(2025-06-17)
下载此版本
更新README并上传示例项目
查看更多
平台兼容性
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 @changeList="horizontalListChange">
<!-- 父节点需存在-->
<view>
<!-- data-id数据将会在排序改变后在事件changeList返回 -->
<view v-for="str of list" :key="str" :data-id="str">{{str}}</view>
</view>
</sortable-renderjs>
传入参数
属性名 |
是否必填 |
值类型 |
说明 |
options |
否 |
Object |
参照http://www.sortablejs.com/官网进行参数配置 |
事件
事件名 |
说明 |
changeList/onListChange |
返回一个对象 { eventName:事件名,list:触发事件时的data-id组成的列表 } |