element-ui el-upload组件 onchange事件 传自定义参数

原创
2021/08/21 11:44
阅读数 4.3K

 element-ui el-upload组件 onchange事件 传自定义参数,具体可以参考如下:

<el-col :span="4" :offset="index == 0? 2:0" v-for="(item, index) in goodImgList">
  <el-upload
	action=""
	:limit="1"
	:on-preview="(file) => {onHandleImgPreview(file, index)}"
	:on-change="(file) => {onHandleChange(file, index)}"
	:http-request="requestUpload"
	list-type="picture-card"
	:on-remove="(file) => {onHandleRemove(file, index)}"
	:class="{disabled:item.uploadDisabled}"
	:file-list="fileList">
	<i class="el-icon-camera"></i>
  </el-upload>
  <el-dialog :modal-append-to-body="false" :visible.sync="item.imgVisible" width="30%">
	<img width="100%" :src="item.dialogImageUrl" alt="图片未找到"/>
  </el-dialog>
</el-col>

js对应代码:

onHandleImgPreview(file, index){
  console.info(index)
  console.info(file)
},
onHandleChange(file, index){
  console.info(index)
  console.info(file)
  
},
onHandleRemove(file, index){
  console.info(index)
  console.info(file)
}
展开阅读全文
加载中

作者的其它热门文章

打赏
0
0 收藏
分享
打赏
0 评论
0 收藏
0
分享
返回顶部
顶部