图片上传提示

ah-jjzhgd-web/src/views/basic/project/index.vue

@@ -217,6 +217,7 @@
             :file-list="imageList"
             :on-change="handleImageChange"
             :accept="'image/jpeg, image/png, image/jpg'"
+            :on-exceed="handleExceed"
           >
             <i slot="default" class="el-icon-plus" />
             <div slot="file" slot-scope="{file}">
@@ -247,6 +248,7 @@
             :limit="imageUploadLimit2"
             :on-change="handleImageChange2"
             :accept="'image/jpeg, image/png, image/jpg'"
+            :on-exceed="handleExceed2"
           >
             <i slot="default" class="el-icon-plus" />
             <div slot="file" slot-scope="{file}">
@@ -481,6 +483,12 @@ export default {
     this.getList()
   },
   methods: {
+    handleExceed(files, fileList) {
+      this.$message.error(`最多只能上传 1 张图片`);
+    },
+    handleExceed2(files, fileList) {
+      this.$message.error(`最多只能上传 5 张图片`);
+    },
     // 图片上传验证
     validateImageNum(rule, value, callback) {
       if (this.imageList2.length) {