vue项目: 新增用户-上传头像实现-new

14_Vue项目/day-6/vue2-shop/src/views/system/users/components/UserEdit.vue

@@ -64,6 +64,8 @@
           :http-request="customHttpRequst"
           :data="{ folder: 'face' }"
           :on-exceed="onExceed"
+          ref="myupload"
+          :before-remove="onBeforeRemove"
         >
           <i slot="default" class="el-icon-plus"></i>
           <div slot="file" slot-scope="{ file }">
@@ -159,6 +161,9 @@ export default {
     };
   },
   methods: {
+    onBeforeRemove() {
+      console.log(`output->this.$refs.myupload`, this.$refs.myupload);
+    },
     onExceed(files) {
       this.$message.warning('头像只能上传一个。');
     },
@@ -249,8 +254,6 @@ export default {
 }
 
 .small {
-  width: 18px;
-  height: 18px;
   font-size: 12px;
 }
 </style>