更新记录
1.8.2(2024-08-06)
下载此版本
- 修正bug
1.8.1(2024-08-06)
下载此版本
上传示例项目
1.8.0(2024-08-06)
下载此版本
- 修正bug
查看更多
平台兼容性
App |
快应用 |
微信小程序 |
支付宝小程序 |
百度小程序 |
字节小程序 |
QQ小程序 |
HBuilderX 3.1.0 app-vue |
× |
× |
× |
× |
× |
× |
钉钉小程序 |
快手小程序 |
飞书小程序 |
京东小程序 |
× |
× |
× |
× |
H5-Safari |
Android Browser |
微信浏览器(Android) |
QQ浏览器(Android) |
Chrome |
IE |
Edge |
Firefox |
PC-Safari |
√ |
√ |
√ |
√ |
√ |
√ |
√ |
√ |
√ |
关于兼容性
此插件只适用于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数据以数组形式返回 |