회원리스트

- 프로필 이미지 다운로드 추가

src/views/Member/MemberList.vue

@@ -75,12 +75,20 @@
                   <td>{{ item.email }}</td>
                   <td>{{ item.nickname }}</td>
                   <td align="center">
-                    <v-img
+                    <div>
-                      max-width="100"
+                      <v-img
-                      max-height="100"
+                        max-width="100"
-                      :src="item.profileUrl"
+                        max-height="100"
-                      class="rounded-circle"
+                        :src="item.profileUrl"
-                    />
+                        class="rounded-circle"
+                      />
+                      <button
+                        class="download-button"
+                        @click="downloadImage(item.profileUrl)"
+                      >
+                        다운로드
+                      </button>
+                    </div>
                   </td>
                   <td>{{ item.userType }}</td>
                   <td>
@@ -357,11 +365,26 @@ export default {
 
       this.is_loading = false
       this.cancel()
+    },
+
+    async downloadImage(imageUrl) {
+      const link = document.createElement('a')
+      link.href = imageUrl
+      link.download = "image"
+      document.body.appendChild(link)
+      link.click()
+      document.body.removeChild(link)
     }
   }
 }
 </script>
 
 <style scoped>
-
+.download-button {
+  margin-top: 5px;
+  background-color: #3bb9f1;
+  color: white;
+  padding: 10px;
+  border-radius: 10px;
+}
 </style>