elment-ui上传组件，钩子函数（on-success 文件上传成功时的钩子）传递参数

原创

于 2022-05-07 17:04:56 发布 · 1.8k 阅读

4 ·

CC 4.0 BY-SA版权

文章标签：

#vue.js #elementui #前端

本文介绍了一个前端开发需求，详细说明了如何在使用Element UI的上传组件时，通过点击已上传的图片触发替换上传操作，利用`on-success`钩子函数处理文件上传成功的情况。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

开发需求：在已上传的图片列表中，点击图片实现上传替换

<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: ''<