支持从图像库选择头像 >[info] 显示效果 1、点击头像 ![](https://img.kancloud.cn/5e/02/5e02b5c311208b1dac5834ecb74340f9_566x325.png) 2、选择图片 ![](https://img.kancloud.cn/4f/44/4f44bcfee780d7b28e358a201e280a26_851x527.png) 3、提交确定 >[info] 示例代码 ``` <template> <change-image-icon @chosedImageIcon="chosedIcon"></change-image-icon> </template> <script> import changeImageIcon from '@/components/change_image_icon' export default { components: { changeImageIcon }, data () { return { formData } }, methods: { chosedIcon (chosen) { this.formData.attachmentId = chosen.id this.formData.attachment = chosen } } } </script> ``` >[info] 事件说明 chosedImageIcon:选中回调事件,回调参数: ``` { id:xxx, path:xxx } ```