el-upload回显细节--没有图片数据返回的时候每点击一次添加多了一个空白图片

如果没有图片，就会自动赋值一个空的值给这个数组，就会出现一个空白的照片，每点击一次就添加一个，肯定有个地方有问题，一起来看看

那是因为回显的时候做了初始化，没有进行判断是否有值再添加。

    imgInit() {this.fileUpList.push({url: this.rowData.refundPic //上传退款截图});if (this.rowData.refundPic) {//如果有图片就隐藏图片上传的this.hideUp = true;}},

如下判断是否有值再添加就可以避免以上问题啦~~~

   imgInit() {if (this.rowData.refundPic) {//如果有图片就隐藏图片上传的this.hideUp = true;this.fileUpList.push({url: this.rowData.refundPic //上传退款截图});}},

小小坑，也不是坑，只是一时脑袋短路，哈哈~~细节逻辑问题

el-upload回显细节--没有图片数据返回的时候每点击一次添加多了一个空白图片相关推荐

为什么你用matplotlib savefig保存下来的图像是一个空白图片？
为什么你用matplotlib savefig保存下来的图像是一个空白图片? plt.savefig( 'c.png') 亦或者: plt.figure() fig.savefig( 'plot.pn ...
弹性盒怎么实现左边图片右边文字_微信图文排版模板如何制作？怎么建一个左边图片右边文字的公众号模板？...
公众号运营做久了,各式各样的排版样式也见的很多,样式见多了自然也会想着自己制作样式,让公众号排版更符合自己的想法,更有风格特色. 微信公众号模板制作通常有三个途径,专业设计软件制作.图片网站制作以及微 ...
Vue+ElementUI+SpringMVC实现图片上传和回显
Vue+ElementUI+SpringMVC实现图片上传和table回显在之前我们已经讲过了 Vue+ElementUI+SpringMVC实现分页 . 而我们也常遇到表单中包含图片上传的需求,并 ...
JSP第四篇【EL表达式介绍、获取各类数据、11个内置对象、执行运算、回显数据、自定义函数、fn方法库】...
什么是EL表达式? 表达式语言(Expression Language,EL),EL表达式是用"${}"括起来的脚本,用来更方便的读取对象! EL表达式主要用来读取数据,进行内容的 ...
JAVAWEB开发之SpringMVC详解(二)——高级开发、数据回显、参数绑定集合、图片上传、json交互、validation校验、异常处理、RESTful支持、拦截器
知识回顾 springmvc框架用户请求url到DispatcherServlet前端控制器,相当于中央调度器,降低系统各组件之间的耦合度. DispatcherServlet前端控制器通过Hand ...
JSP第四篇【EL表达式介绍、获取各类数据、11个内置对象、执行运算、回显数据、自定义函数、fn方法库】(修订版)...
前言只有光头才能变强. 文本已收录至我的GitHub仓库,欢迎Star:https://github.com/ZhongFuCheng3y/3y 什么是EL表达式? 表达式语言(Expression ...
JSP第四篇【EL表达式介绍、获取各类数据、11个内置对象、执行运算、回显数据、自定义函数、fn方法库】
什么是EL表达式? 表达式语言(Expression Language,EL),EL表达式是用"${}"括起来的脚本,用来更方便的读取对象! EL表达式主要用来读取数据,进行内容的 ...
JSP第四篇【EL表达式介绍、获取各类数据、11个内置对象、执行运算、回显数据、自定义函数、fn方法库】... 1
什么是EL表达式? 表达式语言(Expression Language,EL),EL表达式是用"${}"括起来的脚本,用来更方便的读取对象! EL表达式主要用来读取数据,进行内容的 ...
element显示服务器的图片,Vue+ElementUI+SpringMVC实现图片上传和回显
Vue+ElementUI+SpringMVC实现图片上传和table回显而我们也常遇到表单中包含图片上传的需求,并且需要在table中显示图片,所以这里我就讲一下结合后端的SpringMVC框架如 ...

el-upload回显细节--没有图片数据返回的时候每点击一次添加多了一个空白图片

el-upload回显细节--没有图片数据返回的时候每点击一次添加多了一个空白图片相关推荐

最新文章

热门文章