需求：
多文件上传 ，上传的时候绑定fileList回显

vue版本：

vue2

问题：
上传成功了，也拿到了后台返回的数据，但是onchang监听的时候，file的状态一直是uploading

原因：onchange 只触发了一次

解决：
使用单文件上传时@change事件会至少触发两次，一次file.status=uploading，最后一次要么是done或者error，

handleUpload1(info) {
      if (info.file.status === 'uploading') {
        this.loading = this.isUpload1 = true
        return
      }
      if (info.file.status === 'done') {
        this.loading = this.isUpload1 = false
        this.params.imgUrl1 = info.file.response.data.url
      }
    }

但是如果是需要上传显示一组文件，则需要保存文件的状态会给一个属性 :file-list="fileList"
这时候change事件只会触发一次（uploading），后来在github上看到解决方法
对于受控模式，你应该在 onChange 中始终随时跟踪 fileList 的状态，保证所有状态同步到 Upload 内

    handleUploadChange ({ file, fileList }) {
      if (file.status === 'uploading') {
        // return true
      }
      this.imgsList = fileList
    }

最后一行是关键，无论file上传状态如何，filelist一定要同步，还有不能用return，要不然就没有回调了

注意：如果上传添加了上传前size校验，校验不通过，返回false，上传不成功，但是change方法依然会被触发，如果直接使用this.imgsList = fileList，页面就会多显示一个图片，所以change里面也要添加校验，不能直接添加所有文件，以免页面显示错误。

完整代码：

<a-form-item label="项目图片">
          <a-upload
            list-type="picture-card"
            class="avatar-uploader"
            action="/common/common/upload_file"
            :file-list="imgsList"
            :before-upload="beforeUpload"
            :accept="'image/*'"
            :remove="handleUploadRemove"
            v-decorator="['imgs', {initialValue:model?.imgs_arr || [], rules: [{required: true, message: '请上传项目图片'}]}]"
            placeholder="请上传项目图片"
            @change="handleUploadChange"
          >
            <div v-if="imgsList.length < 7">
              <a-icon type="plus" />
              <div class="ant-upload-text">
                上传图片
              </div>
            </div>
          </a-upload>
        </a-form-item>
        
methods: {
    beforeUpload (file) {
      const isImage = file.type === 'image/jpeg' || file.type === 'image/png' || file.type === 'image/jpg'
      if (!isImage) {
        this.$notification['error']({
          message: '上传格式错误',
          description: '请上传png/jpg/jpeg格式的图片',
          duration: 4
        })
      }
      const isLt2M = file.size / 1024 / 1024 < 2
      if (!isLt2M) {
        this.$notification['error']({
          message: '上传错误',
          description: '上传图片不能超过2M',
          duration: 4
        })
      }
      return isImage && isLt2M
    },
    handleUploadChange ({ file, fileList }) {
      if (file.status === 'uploading') {
        // return true
      }
      const isLt2M = file.size / 1024 / 1024 < 2
              if (isLt2M) {
              //校验成功的文件，添加到文件列表
                this.imgsList = fileList
              }      
    },
    handleUploadRemove (info) {
      console.log(info)
      var arr = []
      for (var i in this.imgsList) {
        if (this.imgsList[i].uid !== info.uid) {
          arr.push(this.imgsList[i])
        }
      }
      this.imgsList = arr
    }
}