vue使用拖拽组件vuedraggable

1.npm install --save vuedraggable

2.页面引用
引用后发现vuedraggable在移动端Android手机点击删除事件失效

处理方法在draggable的options中添加handle属性，handle属性的值是你要拖拽的元素的class值，这个拖拽元素不能包含删除按钮

  <vuedraggable v-model="imgList" :options="{filter:'del-btn',handle:'img'}">
    <div v-for="(item,index) in imgList" :key="'img'+index" class="img-item">
      <div class="img">
        <img :src="item.url" alt="">
      </div>
      <Button  @click="handleRemove(index)" v-if="item.url.length!==0" class="del-btn">{{$t('lang.deleteBtn')}}
      </Button>
    </div>
  </vuedraggable>

录的食品上传不了，我的功能快就是这样的，图片可以换位置和删除

参考资料：https://blog.csdn.net/sunshineln/article/details/107249852#comments_13737434