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

2020-10-27  本文已影响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
上一篇下一篇

猜你喜欢

热点阅读