Vue3 实现拖拽

Vue3 实现拖拽排序

我们使用的拖拽事件有：

draggable：设置为可拖拽状态，true
dragstart：开始拖拽
dragover：在拖拽过程中
drop：在拖拽完成时，将拖拽的元素替换到目标位置
dragend 在拖拽结束时，通过dragEnd函数将dragItem变量重置为null。

<template>
  <div>
    <div class="drag-item"
         v-for="item in list"
         :key="item.id"
         :draggable="true"
         @dragstart="dragStart(item, $event)"
         @dragover="dragOver($event)"
         @drop="

付费内容，0.11币解锁全文 >>

Vue3 小问答

Vue3 小问答，每天一个问答，你来问我来答

收录 16 篇文章

订阅专栏可永久解锁本文 >>

vue-cli3拖拽vue3

Hedy

大家好！我是一位前端开发工程师，拥有6年以上的前端开发经验。我熟练掌握HTML、CSS、JavaScript等语言，能够灵活运用各种前端框架，如Vue、React、Uniapp、Flutter等。我注重理论与实践相结合，能够为学员提供丰富的案例和实践项目，并以生动、易懂的语言为学员讲解前端开发的核心知识和技能。我不仅注重传授技能，更关注学员的职业发展，希望通过我的教学，帮助学员成为一名优秀的前端开发工程师。