美文网首页
elementUI的upload组件文件列表控制

elementUI的upload组件文件列表控制

作者: 粑粑雷 | 来源:发表于2019-12-26 20:31 被阅读0次

不能直接修改fileList中的内容,而应该用回调函数中的fileList去赋值data中的fileList,否则会报错,多文件上传时,fileList里有时没有response,但最终会有。

    handleSuccess(response, file, fileList) {
      if(response.success) {
        this.$message({
          message: `文件${response.data.name}上传成功`,
          type: 'success',
          duaration: 1000
        })
      } else {
        this.$message({
          message: `文件${response.data}上传失败`,
          type: 'error',
          duaration: 1000
        })
      }
      this.fileList = fileList.filter(file => {
        return !file.response || file.response.success
      })
    },
    handleRemove(file, fileList) {
      this.fileList = fileList
    },

相关文章

网友评论

      本文标题:elementUI的upload组件文件列表控制

      本文链接:https://www.haomeiwen.com/subject/apbloctx.html