t-drag-item
DragItem 拖拽项
组件介绍
t-drag-item 是 t-drag 的子组件,用于承载可拖动的单个列表项。通常不需要直接使用,通过 t-drag 的默认插槽即可实现拖拽功能。
平台兼容
| Harmony | H5 | Android | iOS | 小程序 | UTS |
|---|---|---|---|---|---|
| ✅ | ✅ | ✅ | ✅ | ✅ | ✅ |
基础用法
通常不需要直接使用 t-drag-item,推荐使用 t-drag 组件的默认插槽方式:
vue
<template>
<t-drag :list="list" @sortChange="onSortChange">
<template #default="{ item, index }">
<!-- 自定义列表项内容 -->
<view class="item">{{ item.name }}</view>
</template>
</t-drag>
</template>Props
该组件为内部实现组件,不对外暴露 Props。
Events
该组件为内部实现组件,不对外暴露 Events。
Slots
| 插槽名 | 说明 |
|---|---|
default | 列表项内容 |