美文网首页
el-upload组件的钩子函数如何使用自定义参数

el-upload组件的钩子函数如何使用自定义参数

作者: 泡杯感冒灵 | 来源:发表于2020-10-27 09:32 被阅读0次
    在使用el-upload组件的时候,有时候我们需要传递自定义的参数。
                 <el-upload
                    class="upload-demo"
                    :action="uploadUrl"
                    :on-success="handleInputSuccess"
                    :on-remove="handleRemove"
                    :headers="header"
                    :file-list="item.fileList"
                    >
                    <el-button size="small" type="primary">点击上传</el-button>
                    <div slot="tip" class="el-upload__tip">只能上传pdf文件,且不超过500kb</div>
                </el-upload>
    
    // 正常情况下 handleInputSuccess 只有3个固定参数
    handleInputSuccess(response,file,fileList){
        // do sth ...
    }
    // 如果这个时候,我们直接去传递我们的自定义参数,假如是 str,会报错
    handleInputSuccess(response,file,fileList,str){
        console.log(str) //  会报错
        // do sth ...
    }
    

    // 这个时候我们需要换一种写法


    image.png image.png

    相关文章

      网友评论

          本文标题:el-upload组件的钩子函数如何使用自定义参数

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