支持图片分组,分组删除、修改名称、图片上传、图片预览、图片删除等功能 >[info] 显示效果 ![](https://img.kancloud.cn/22/3e/223ee0765146a7f1eb70bfb2a42acd0a_858x530.png) >[info] 示例代码 ``` <template> <multi-uploader :visible.sync="imageDialogVisible" @chosedImage="chosedImage"></multi-uploader> </template> <script> import multiUploader from '@/components/multi_uploader' export default { components: { multiUploader }, data () { return { iconUrl: null, imageDialogVisible: false } }, methods: { chosedImage (chosed) { this.iconUrl = chosed.path this.$emit('chosedImageIcon', chosed) this.imageDialogVisible = false } } } </script> ``` >[info] 属性说明 imageDialogVisible:boolean,显示/隐藏 >[info] 事件说明 ``` chosedImage:选中图片之后回调事件,回传参数: { id:xxx, path:xxx } ```