uniapp 开发小程序,封装一个方法,让图片使用线上地址

1.在main.js文件中,添加以下代码:

复制使用:

复制代码
// 图片使用网络地址
Vue.prototype.localImgSrc = function(img){
	//项目的地址域名,例如百度
	return "https://baidu.cn/static/index/images/" + img;
}

2.在页面中直接使用:

复制代码
<image :src="localImgSrc('bg@2x.png')" mode=""></image>

ok!

相关推荐
小付-小付32 分钟前
萤石云监控web+uniapp
uni-app
996幸存者14 小时前
下拉、上拉选择器 支持搜索、删除、自定义选择内容、任意对象字段映射
微信小程序·uni-app
diygwcom17 小时前
AI实现超级客户端打印 支持APP 网页 小程序 调用本地客户端打印
小程序
anyup17 小时前
🔥 uView Pro 全新升级来啦!一行配置,解锁 uView Pro 全局 TS 类型提示与校验
前端·vue.js·uni-app
Ankkaya17 小时前
开发小结(08.11-08.16)
前端·uni-app
zkmall18 小时前
ZKmall模块商城的推荐数据体系:从多维度采集到高效存储的实践
小程序·架构·开源·代码规范
源码哥_博纳软云18 小时前
JAVA国际版多商户运营版商城系统源码多商户社交电商系统源码支持Android+IOS+H5
android·java·ios·微信·微信小程序·小程序·uni-app
CRMEB定制开发1 天前
CRMEB私域电商系统后台开发实战:小程序配置全流程解析
小程序·开源软件·小程序商城·商城源码·微信商城·crmeb
Burt1 天前
#🎉 unibest 3.11了!快来看看新增了啥~
微信小程序·uni-app
2501_915106321 天前
iOS混淆工具实战 金融支付类 App 的安全防护与合规落地
android·ios·小程序·https·uni-app·iphone·webview