el-upload上传图片不使用action属性

<el-upload
   action="#"
   ref="upload"
   list-type="picture-card"    //照片墙的样式
   :on-change="handleChange"
   :http-request="httpRequest"
   :before-upload="beforeAvatarUpload">
   <i class="el-icon-plus"></i>
</el-upload>

handleChange(file, fileList) {
   if (fileList.length > 1) {
       fileList.shift()
   }
},

beforeAvatarUpload(file) {
   const isImg = file.size / 1024 / 1024 < 2
   if (!isImg) {
      this.$message.error(‘上传头像图片大小不能超过 2MB!‘)
   }
    
   const isType = file.type === "image/png"
   const isType2 = file.type === "image/jpeg"

   if (!isType && !isType2) {
     this.$message.error(‘上传头像图片格式为png或jpg‘)
   }
   return (isType || isType2) && isImg
},

httpRequest(data) {
  let _this = this  // 这里要转一下是因为在下面的function里 this的指向发生了变化
  let rd = new FileReader()
  let file = data.file
  rd.readAsDataURL(file)
  rd.onloadend = function(e) {
     _this.addData.icon = this.result
  }
},
（_this.addData.icon 是新增的时候图片的参数字段，this.result就是选中的图片转成的base64）

this.$refs.upload.clearFiles();