vue使用draggable实现拖拉排序

HTML代码：

<draggable
          v-model="mainImagelist"
          :move="onMove"
          @start="isDragging=true"
          @end="isDragging=false"
      >
                  <transition-group type="transition">
                      <li v-for="item in mainImagelist" :key="item" class="item">
                        <img :src="item" width="100%;" height="100%" />
                      </li>
                  </transition-group>
</draggable>

data数据：

<script>
export default {
 data(){
    mainImagelist: [],
}
methods:{
    //js代码：
    // 图片拖拽移动
    // 图片移动
    onMove({ relatedContext, draggedContext }) {
      const relatedElement = relatedContext.item;
      const draggedElement = draggedContext.item;
    }
  }
}

</script>