更新记录
1.0(2025-03-11)
下载此版本
可拖拽排序列表
平台兼容性
App |
快应用 |
微信小程序 |
支付宝小程序 |
百度小程序 |
字节小程序 |
QQ小程序 |
HBuilderX 3.94 app-vue |
× |
√ |
× |
× |
× |
× |
钉钉小程序 |
快手小程序 |
飞书小程序 |
京东小程序 |
鸿蒙元服务 |
× |
× |
× |
× |
× |
H5-Safari |
Android Browser |
微信浏览器(Android) |
QQ浏览器(Android) |
Chrome |
IE |
Edge |
Firefox |
PC-Safari |
√ |
√ |
√ |
√ |
√ |
√ |
√ |
√ |
√ |
可拖拽排序列表
简单实现的可拖拽排序列表,支持H5,APP,小程序等。
借助movable-area实现滑动,作用域插槽绑定数据。
滑动距离获取列表中的位置,从而删除,插入实现功能。
使用
<neo-drag :list="list" @itemclick="click">
<template v-slot:default="{item}">
<view class='box'>
<image class="img" :src="item.src">
</image>
<view>{{item.name}}</view>
</view>
</template>
</neo-drag>
属性
方法
方法名 |
说明 |
参数 |
itemclick |
点击回调 |
item |