vue3实现拖拽图片切换图片位置

不会弄动态图，大概就是长按拖拽一张图片可以跟你想放到的位置进行切换

现在是2021年7月16号，我在用vue3，可是vue的很多插件还不支持vue3，例如：Vue.Draggable，所以没有办法手写了一个原生的，以后出了支持vue3的就可以不用这个了

<template>
  <div class="img-box" id="myBtn">
  	//  主要是把索引值记下来了  :id="i"
    <img :src="item" alt="" v-for="(item,i) in mainImagelist" :key="i" :id="i">
  </div>
  <div class="draggable">拖动可以调整三张图片顺序</div>
</template>
<script>
import {
    defineComponent } from 'vue'

export default defineComponent({
   
  setup() {
   
    
  },
  data () {
   
    return {
   
      mainIm