博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
elementui el-upload 在v-for里使用时 如何获取index
阅读量:6138 次
发布时间:2019-06-21

本文共 959 字,大约阅读时间需要 3 分钟。

  
               //若上传失败,可继续拖拽

点击或拖拽 上传图片

只能上传 jpg/png 文件,且不超过500kb

               //若上传成功,展示图片

 

 
//      获取当前index
getImageTypeIndex:function (index) {
this.uploadImageType = index //先在data里定义下,此处省略定义}, // 图片上传成功getImageSuccess:function (res, file) { this.$message({ message: '上传成功!', type: 'success' });
     this.list[this.uploadImageIndex].imageUrl = res.data.fileId   //我这里是list里有 imageUrl 来存储图片id,展示的地方根据id自己拼url
},

 

 

备注:el-upload 的 getImageSuccess 方法 ,暂不支持其他参数,所以为了获取列表的index,可以通过以上方法,在el-upload外层套一个div获取index, 然后再在 getImageSuccess 方法内根据 index 对数据操作。

转载于:https://www.cnblogs.com/cynthia-wuqian/p/9254334.html

你可能感兴趣的文章
Project Volta 让 Android 续航提升了多少?
查看>>
《树莓派实战秘籍》——1.7 技巧07使用过压获得更高的性能
查看>>
《SAS 统计分析与应用从入门到精通(第二版)》一1.4 SAS系统的文件管理
查看>>
《众妙之门——网页设计专业之道》——2.4 总结
查看>>
MySQL sql_mode 说明(及处理一起 sql_mode 引发的问题)
查看>>
Java 注解详解 (annotation)
查看>>
鹰眼跟踪、限流降级,EDAS的微服务解决之道
查看>>
秘籍:程序猿该如何实力撩妹
查看>>
网络编程socket基本API详解
查看>>
API接口设计 OAuth2.0认证
查看>>
Mysql5.6的1755错误解决办法
查看>>
在命令行中运行“mvn compile”因为中文报错
查看>>
Docker的技术不再局限于测试和开发
查看>>
技术干货:工欲善其事,必先利其器 阿里云数据库系列谈之一
查看>>
禁用ViewState
查看>>
深入理解Java HashMap实现原理
查看>>
阿里云备案获取服务号
查看>>
深入理解Python中的__builtin__和__builtins__
查看>>
YII AJAX registerScript
查看>>
ARC forbids explicit message send of 'retainCount'
查看>>