1.main.js下封装
//给图片路径添加路径
Vue.prototype.getimgsrc = function(url) {
let urlk = url;
let str = RegExp('http');
let newUrl;
//通过三元运算符进行判断该图片是否含有http域名,没有就拼接上去https://www.zhaoyangjing.com
str.test(urlk) ? newUrl = urlk : newUrl = 'https://www.baidu.com' + urlk;
const urls = newUrl
return urls
}
2.页面使用
<image :src="getimgSrc(item.banner)" mode="aspectFit">