支持從圖像庫選擇頭像 >[info] 顯示效果  >[info] 示例代碼 ``` <template> <draggable-image-list :items="imageItems" @chosedImage="chosedImage" @end="end" @onRemove="onRemove"></draggable-image-list> </template> <script> import draggableImageList from "@/components/draggable_image_list"; export default { components: { draggableImageList, }, computed: {}, data () { return { imageItems: [ { id: 0, path: "attachment/image/156691643755464.jpg" }, { id: 1, path: "attachment/image/156691644208066.png" }, { id: 2, path: "attachment/image/156691650779637.png" }, ], }; }, methods: { chosedImage (chosen) { this.imageItems.push(chosen); }, end (items) { this.imageItems = items; }, onRemove (id) { this.imageItems.splice( this.imageItems.findIndex((v) => v.id === id), 1 ); }, } }; </script> ``` >[info] 屬性說明 imageItems：Array 對像數組，格式： ``` [ { id: 0, path: "attachment/image/156691643755464.jpg" }, { id: 1, path: "attachment/image/156691644208066.png" }, { id: 2, path: "attachment/image/156691650779637.png" } ] ``` >[info] 事件說明 ``` chosedImage：選中圖片之后回調事件，回傳參數： { id:xxx, path:xxx } onRemove：刪除回調事件，回傳參數 id end：排序結束回調事件 ```