更新记录

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 [] 图片地址列表

隐私、权限声明

1. 本插件需要申请的系统权限列表:

2. 本插件采集的数据、发送的服务器地址、以及数据用途说明:

3. 本插件是否包含广告,如包含需详细说明广告表达方式、展示频率:

许可协议

MIT协议

使用中有什么不明白的地方,就向插件作者提问吧~ 我要提问