吐槽一下章节标题,希望能读得懂
正片
在一些情况下,我们既希望拿到原生方法的 event 值,也想 传递自己的值,如 index 标识, 时就会陷入两难的地步,因为通常,方法是死的,多个值时,他没有办法得知我们赋予他的是哪个值,那个值又是 方法的event值。
方法: beforeUpload
方法的参数:file
自定义值:index
我们可以通过 :before-upload="(file)=> beforeUpload(file, index)" 来解决
示例:
定义方法
Upload 是iview 的上传方法,这里的index是自定义的值
<Upload
ref="upload"
:on-success="handleSuccess"
:format="['jpg', 'jpeg', 'png']"
:max-size="2048"
:on-format-error="handleFormatError"
:on-exceeded-size="handleMaxSize"
:before-upload="(file)=> beforeUpload(file, index)"
:on-progress="carouselUpload"
multiple
type="drag"
action
>
</Upload>
获取信息
beforeUpload(file , index) {
console.log(file)
console.log(index);
},
如果多个 方法自带的参数
这里 event、file 是 方法自带的参数
:before-upload="(event,file)=> beforeUpload(event,file, index)"
如果多个 自定义参数
这里 index、id 是 自定义参数
:before-upload="(file)=> beforeUpload(file, index, id)"
输出结果
有问题,请留言。顺便可以提个好标题!