解決element 照片牆上傳時回顯問題

1.先看看樣式：

<el-upload
  class="imgList"
  action="1165165"
  list-type="picture-card"
  :limit="20"
  :file-list="explainImgList"
  :on-remove="handleRemove"
  :on-exceed="handleExceed" //超過上傳數量時觸發
  :http-request="uploadImgList">
  <i class="el-icon-plus" style="position: relative;bottom: 27px;"></i>
</el-upload>
2.照片回顯時參數要對應上才行(這里官方文檔沒說明，有點坑)，如下

uploadImgList(item) {
  /* 上傳賬號說明圖 */
  let formData = new FormData()
  formData.append('file', item.file)
  UploadFile('/web/account/upload.json', formData).then(res => {
    this.explainImgList.push({
      'name': item.file.name,
      'uid': item.file.uid,
      'url': res.fileKey
    })
    Message.success('上傳成功')
  }).catch(err => {
    console.log(err)
    Message.error('上傳失敗')
  })
}

handleRemove(file, fileList) {
  /* 移除圖片 */
  this.explainImgList = fileList
}
3.樣式也可以強制改成我們想要的

<style>
  .imgList .el-upload--picture-card {
    width: 82px;
    height: 82px;
  }

  .imgList .el-upload-list--picture-card .el-upload-list__item {
    width: 82px;
    height: 82px;
  }

  .imgList .el-upload-list--picture-card .el-upload-list__item-thumbnail {
    width: 82px;
    height: 82px;
  }
</style>