开发需求:在已上传的图片列表中,点击图片实现上传替换
<template>
<dz-upload
list-type="picture-card"
class="picture-item"
:on-preview="handlePictureCardPreview"
//通过es5的bind,绑定到函数上,就可以实现钩子函数的传参了
:on-success="handleAvatarSuccess.bind(this,index)"
:show-file-list="false"
multiple
>
<img :src="imageUrl" width="100%" height="100%" />
</dz-upload>
</template>
<script>
export default {
data() {
return {
imageUrl: ''
}
},
methods: {
//这里在前面接参
handleAvatarSuccess(index,response,file,fileList){
console.log(index)
}
}
}
</script>
Element UI上传组件:点击图片替换上传
本文介绍了一个前端开发需求,详细说明了如何在使用Element UI的上传组件时,通过点击已上传的图片触发替换上传操作,利用`on-success`钩子函数处理文件上传成功的情况。
传递参数&spm=1001.2101.3001.5002&articleId=124634594&d=1&t=3&u=c8f0e77d28564509860f81a9f08f3276)
2220

被折叠的 条评论
为什么被折叠?



