Skip to content

t-drag-item

DragItem 拖拽项

组件介绍

t-drag-itemt-drag 的子组件,用于承载可拖动的单个列表项。通常不需要直接使用,通过 t-drag 的默认插槽即可实现拖拽功能。

平台兼容

HarmonyH5AndroidiOS小程序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列表项内容