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

最新推荐文章于 2024-04-15 14:56:17 发布

weixin_30684743

最新推荐文章于 2024-04-15 14:56:17 发布

阅读量600

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/dyy-dida/p/11511127.html

版权

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

转载于:https://www.cnblogs.com/dyy-dida/p/11511127.html