更新记录
                                                                                                    
                                                    
                                                        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数据以数组形式返回 |