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

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'; } }

 

posted @ 2019-09-12 11:48  董七  阅读(1781)  评论(0编辑  收藏  举报