Ниже код содержит раздел для перетаскивания.div drag-block, который должен получить перетаскивание, но он не работает при первом перетаскивании, он не сбрасывается.Он начинает падать от перетаскивания во второй раз.
https://github.com/kutlugsahin/vue-smooth-dnd
<div>
<Container
@drop="onDrop"
lock-axis="y"
drag-class="drag-div"
drop-class="drag-div"
drag-handle-selector=".shelf-icon"
:get-ghost-parent="getGhostParent"
>
<Draggable v-for="(link,index) in quick_links" :key="link.name">
<div class="drag-block">
<div class="order-number">{{ index + 1 }}</div>
<div class="content-block">
<div class="mx-ellipsis">{{ link.name }}</div>
<small class="mx-color-secondary mx-ellipsis" style="width:
250px;">{{ link.url }}</small>
</div>
<div class="shelf-icon">
<i class="micon-handle-horizontal sort-icon"></i>
</div>
</div>
</Draggable>
</Container>
</div>