vue3-dnd icon indicating copy to clipboard operation
vue3-dnd copied to clipboard

拖拽预览不生效

Open xutm opened this issue 3 years ago • 6 comments

使用 react-dnd-touch-backend,拖拽预览不生效。

xutm avatar Oct 19 '22 07:10 xutm

可以提供一份出问题的示例代码吗?

hcg1023 avatar Oct 19 '22 08:10 hcg1023

这个问题我仔细研究了一下react-dnd的现有issue,发现react-dnd的touch-backend就存在这样的问题,目前大部分人的解决方案是使用了https://github.com/LouisBrunner/dnd-multi-backend这个库,关于这个库我没有试过,之后会找时间试一下

hcg1023 avatar Oct 19 '22 09:10 hcg1023

可以提供一份出问题的示例代码吗?

https://hcg1023.github.io/vue3-dnd/example/sortable/simple.html

这个 Demo,最外层如下写法:

<script setup lang="ts">
import { DndProvider } from 'vue3-dnd'
import { TouchBackend } from 'react-dnd-touch-backend'
</script>

<template>
  <DndProvider :backend="TouchBackend">
    <!-- Your Drag-and-Drop Application -->
  </DndProvider>
</template>

xutm avatar Oct 19 '22 10:10 xutm

短期之内在使用touch-bakend的时候,你可以使用useDragLayer自行实现preview,如https://hcg1023.github.io/vue3-dnd/example/drag-around/custom-drag-layer.html 之后会考虑实现vue版本的https://github.com/LouisBrunner/dnd-multi-backend

hcg1023 avatar Oct 19 '22 10:10 hcg1023

短期之内在使用touch-bakend的时候,你可以使用useDragLayer自行实现preview,如https://hcg1023.github.io/vue3-dnd/example/drag-around/custom-drag-layer.html 之后会考虑实现vue版本的https://github.com/LouisBrunner/dnd-multi-backend

貌似不行 你切到开发者工具下,模拟下,移动设备,就发现不行了

image

xutm avatar Oct 19 '22 12:10 xutm

我这边试着是可以的,你切换成移动设备模式的时候,有刷新页面吗?目前对于和backend的切换是没有做响应式的,必须刷新一下

hcg1023 avatar Oct 20 '22 02:10 hcg1023