feat: 一个妥协的拖动方案,暂时用用得了

This commit is contained in:
539943419 committed 2024-10-01 03:07:43 +08:00
1 parent 5a843bf24a
commit d89978a44f
3 files changed
+24 -5

No files matched your search

+9 -1
View File
@@ -1,5 +1,5 @@
<template>
<div ref="divRef" @dragstart="onDs" :draggable="true">
<div ref="divRef" @dragstart="onDs" :draggable="isDraggable">
<slot></slot>
</div>
</template>
@@ -7,6 +7,9 @@
<script setup lang="ts">
import { onMounted, ref } from 'vue';
// import Sortable from 'sortablejs'
const props = defineProps<{
isDraggable: boolean
}>()
const emit = defineEmits<{
onDragStart: [e: DragEvent]
@@ -19,6 +22,11 @@ const onDs = (e: DragEvent) => {
}
onMounted(() => {
divRef?.value?.addEventListener('dragstart', function (ev) {
var img = new Image();
img.src = "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' %3E%3Cpath /%3E%3C/svg%3E";
ev?.dataTransfer?.setDragImage(img, 0, 0);
})
})
</script>