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