码迷,mamicode.com
首页 > 其他好文 > 详细

vue 公共方法 图片显示,如有图片正常显示,如没有显示默认图片

时间:2019-09-12 13:27:03      阅读:188      评论:0      收藏:0      [点我收藏+]

标签:lse   图片   assets   url   rip   highlight   asc   html   sse   

1.html

<img :src="imgShow(imgUrl)" /> 

2.js

//图片显示,如有图片正常显示,如没有显示默认图片
 data()    
     imgUrl:‘‘,
mothods:
imgShow:function(data){ let reg = /^(https:|http:)/g; if(data){ if(reg.test(data)){ return data; }else{ return ‘http://192.168.0.176:8888/assets/img/item4.png‘; } }else{ return ‘http://192.168.0.176:8888/assets/img/404.png‘; } }

 

vue 公共方法 图片显示,如有图片正常显示,如没有显示默认图片

标签:lse   图片   assets   url   rip   highlight   asc   html   sse   

原文地址:https://www.cnblogs.com/dyy-dida/p/11511127.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!