element-ui的el-upload组件上传图片组,超简单的实现拖拽换位置排序

el-upload 图片拖拽排序

看了很多篇文章,都要加七加八。或者不能用自带的图片删除功能甚至也不用自带的图片放大功能。

我这个方法,只适用于过渡使用一下,不适用全部人的需求。

element-ui的el-upload组件上传图片组,超简单的实现拖拽换位置排序_第1张图片
我的图片是products.photo取的。直接在下面加多一个排序form-item, 用for循环把图片循环出来。 点击拖拽排序里的图片就更改位置。

                  
                    

排序那里的样式可以自己修改下css会好看点

element-ui的el-upload组件上传图片组,超简单的实现拖拽换位置排序_第2张图片

你可能感兴趣的:(JS,ui,css,前端)