vue中基于sortablejs与el-upload实现文件上传后拖拽排序
【vue中基于sortablejs与el-upload实现文件上传后拖拽排序】今天做冒烟测试的时候发现商品发布有一个拖拽图片排序功能没做,赶紧加上
之前别的同事基于 vuedraggable 实现过这个功能,我这里自己深度封装了 el-upload ,用这种方式改动很大,而且感觉不够优雅。
突然想起之前看的d2-admin项目里面有类似的功能,里面用到了 sortablejs 参考一下。审查元素看看,emmm,可以用。
文章图片
下载依赖 npm install sortablejs
关键代码如下,轻松实现拖拽排序功能,并且很优雅。
1 2 34 5
推荐阅读
- 全网最硬核|全网最硬核 Java 新内存模型解析与实验单篇版(不断更新QA中)
- mac 下 pecl 的 扩展配置 ( 基于php@7.4 )
- android订单倒计时支付实现|android订单倒计时支付实现,Android中微信小程序支付倒计时功能
- 使用vue-cli创建vue项目介绍
- vue动态添加store、路由和国际化配置方式
- Apache|Apache Hudi基于华米科技应用湖仓一体化改造
- 在Vue中实现添加全局store
- Python中while循环嵌套介绍和3个实例
- vue3基于script|vue3基于script setup语法$refs的使用
- Java中Calendar类的一些常用方法小结