美文网首页
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组件的钩子函数如何使用自定义参数

    在使用el-upload组件的时候,有时候我们需要传递自定义的参数。 // 这个时候我们需要换一种写法

  • Vue 基础 - 自定义指令和 render 函数

    自定义指令 类似组件可以全局注册和局部注册,使用derective注册。 钩子函数 指令定义函数提供了几个钩子函数...

  • Vue自定义指令-虚加载

    指令文件: 使用指令 自定义指令一个重要的问题:如何传值 1、指令的这些钩子函数里面如何拿到组件中的数据? 一是绑...

  • 前端常见面试题五

    目录: 1、什么是自定义指令,有哪些钩子函数及自定义指令的使用场景 2、父组件获取异步动态数据传递给子组件,报错如...

  • 今日流程图

    问:自定义指令(v‐check、v‐focus)的方法有哪些?它有哪些钩子函数?还有哪些钩子函数参数?答:全局定义...

  • React 函数式组件 hooks

    常用钩子函数 状态钩子: useState0 React自带的一个hoOk函数,声明组件状态参数可以设置 stat...

  • vue 自定义指令

    autofocus在safari不工作 全局 案例自定义输入框聚焦指令 组件自定义组件 指令钩子函数 bind 之...

  • el-upload自定义上传

    常规el-upload组件 使用http-request 覆盖默认的上传行为,可以自定义上传的实现

  • elementUI组件事件传参问题

    概述 最近在使用elementUI组件时,在某些情况下需要对组件事件传递自定义参数。 解决方案 可使用箭头函数传递...

  • vue中的钩子函数(二)

    Vue钩子函数 在开发Vue组件时,钩子函数我们会经常用到,但是具体在什么时机,使用哪个钩子函数,会产生什么样的结...

网友评论

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

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