设置鼠标拖拽时指针的默认样式
event.dataTransfer.dropEffect = 'move'; // 改变拖拽式的鼠标指针样式
<div
class="box"
:draggable="isDrag"
:class="{ 'box-drag-place-active': item.isDragPlace }"
@dragstart="handleDragStart(index, item, $event)"
@dragend="handleDragEnd(index, item, $event)"
@dragenter="handleDragEnter(index, item, $event)"
@dragover="handleDragOver(index, item, $event)"
>123</div>
/**
* 当某个被拖动的对象在另一对象容器范围内拖动时触发此事件
*/
handleDragOver(index, item, event) {
event.stopPropagation();
event.preventDefault();
event.dataTransfer.dropEffect = 'move'; // 改变拖拽式的鼠标指针样式
if (!this.isDrag) return;
if (index !== this.dragPlaceIndex) {
this.dragPlaceIndex = index;
this.handleDragPlaceBorder(index);
}
}