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

Posted 2022-10-18 dyy-dida

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‘;