陈广安个人网站
会写代码的咸鱼
陈广安个人网站阿里云盘资源
陈广安个人网站网盘资源搜索
“ 梦想还是要有的,万一实现了呢!”
— 马云

解决一个页面中,组件多次调用触发回调,回调函数中加入索引

创建时间:2022-07-18

比如el-uploads组件,当一个页面中,多个el-upload组件,删除图片的时候,不知道删除的是哪个组件里面的图片,希望能多传一个索引来判断是哪个组件触发的,可以这样写


在调用回调时二次封装,把默认的参数和自己新增的参数作为一个新的函数返回

<div v-for="(v,i) in 5" :key="i">
	<el-upload
	  action="https://jsonplaceholder.typicode.com/posts/"
	  list-type="picture-card"
	  :on-remove="(file, fileList)=>{return handleRemove(file, fileList,i)}">
	  <i class="el-icon-plus"></i>
	</el-upload>	
</div>