feat: 一个妥协的拖动方案,暂时用用得了
This commit is contained in:
1 parent
5a843bf24a
commit
d89978a44f
3 files changed
+24
-5
No files matched your search
@@ -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>
|
||||
|
||||
|
||||
Reference in new issue
Block a user