美文网首页
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