更新记录
1.0.4(2019-08-10)
优化监听重新初始化
1.0.3(2019-07-29)
- 优化更新初始化
1.0.2(2019-07-29)
修复因图片数量改变时,拖拽区高度变化导致无法拖拽的问题
查看更多平台兼容性
图片拖拽排序插件(九宫格模式)
image-drag-sort
由于公司的项目需要用到上传图片并且可以拖拽排序的功能,所以自己写了这个组件,主要用于上传图片前的编辑,目前限制最多展示9张图片。自用,没有什么可选性,需要修改样式或者图片限制的,只需改一下代码即可。
使用方式:
在 script 中引用组件
import imageDragSort from "@/components/image-drag-sort/index.vue"
export default {
data() {
return {
images: []
}
},
components: {
imageDragSort
}
}
在 template 中使用组件
<image-drag-sort :list="images"></image-drag-sort>
属性名 | 类型 | 默认值 | 说明 |
---|---|---|---|
list | Arrar | [] | 图片地址列表 |