vuePictureManager
该项目为图片管理插件,使用vue,element-ui,iconfont等技术进行构建。 demo(在源码的example目录下)
安装
npm install vue-picture-manager --save
引入
- 页面直接引用
<!--该项目依赖于vue,element-ui,如果您的项目已经引用过,可以不必再次引入--> <!--vue--> <!--element-ui--> <!--必须保证在vue和element-ui的引入之后--> <!--vue-picture-manager-->
- 脚手架导入
//ES6//requirevar vuePictureManager = Vue
使用
参数
name | description | type |
---|---|---|
upload-path | 上传接口地址 | String |
img-list | 图片列表 | Array |
事件
name | description | param |
---|---|---|
upload-response | 上传接口回调 | 上传接口返回的数据 |
delete | 删除的图片回调 | 删除的图片url |
selected | 选中的图片后,点击'确定'回调 | 选中的图片组成的数组 |
方法(使用方法时记得使用ref给组件注册引用)
- show 打开图片管理器
this$refsXXX;