VUE 拖拽

元素要拖拽需要添加属性：dragable=‘true'

另外drop函数若想生效需要加上@dragover.prevent

放置元素：

 <div
      ref="dragContainer"
      class="dragContainer"
      :class="{ isDragOver: isDragOver }"
      @dragover.prevent="dragover"
      @dragleave="dragleave"
      @drop="drop"
    >
</div>

拖拽元素：

<li
        v-for="p of pointList"
        v-show="!p.isUsed"
        :key="p.id"
        draggable="true"
        @dragstart="dragstart(p)"
        @dragend="dragend"
      >
        <i></i>{{ p.name }}
      </li>

实现效果：