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!

相关推荐
说私域1 小时前
基于开源AI大模型的AI智能名片在S2B2C商城小程序维度表重复数据整理中的应用及效果研究
人工智能·小程序
云起SAAS4 小时前
图文小程序内无实质业务服务功能体验不完整解决小程序开源
小程序
毕设源码-朱学姐5 小时前
【开题答辩全过程】以 干洗店预约服务小程序为例,包含答辩的问题和答案
小程序
百锦再5 小时前
Elements Plus 跨设备自适应显示问题综合解决方案
python·flutter·小程序·uni-app·k8s·tornado·net
毕设源码-邱学长7 小时前
【开题答辩全过程】以 基于微信小程序的实验耗材申报平台的设计与实现为例,包含答辩的问题和答案
微信小程序·小程序
说私域7 小时前
基于开源AI智能名片链动2+1模式商城系统的创始人个人品牌资产构建研究
人工智能·小程序·开源
sheji34167 小时前
【开题答辩全过程】以 基于微信小程序的手机数码交易平台为例,包含答辩的问题和答案
微信小程序·小程序
项目題供诗7 小时前
微信小程序黑马优购(项目)(十二)
微信小程序·小程序
luffy54598 小时前
微信小程序组件与父页面传值示例
微信小程序·小程序
坚持学习前端日记9 小时前
UniApp APK打包与Android深度集成能力解析
android·vue.js·uni-app