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!

相关推荐
shykevin6 小时前
uni-app x开发商城系统,联系我们,地图显示,拨打电话
uni-app
爱喝水的小周8 小时前
《UniApp 页面配置文件pages.json》
前端·uni-app·json
iOS阿玮11 小时前
别问了,我自己的产品也卡审了44个小时!
uni-app·app·apple
2501_9159184111 小时前
iOS描述文件功能解析
android·macos·ios·小程序·uni-app·cocoa·iphone
说私域14 小时前
开源AI智能客服、AI智能名片与S2B2C商城小程序在营销运营中的应用与重要性研究
人工智能·小程序·开源
说私域14 小时前
开源AI智能名片链动2+1模式S2B2C商城小程序商业化路径优化研究
人工智能·小程序·开源
用户97141718142719 小时前
UniApp + Vue3 持久化登录(清除后台仍保持登陆状态)
uni-app
小白学鸿蒙19 小时前
新手记录使用uniapp-x开发鸿蒙应用
华为·uni-app·harmonyos
Y_3_719 小时前
微信小程序动态二维码外部实时展示系统
微信小程序·小程序·notepad++
初遇你时动了情1 天前
uniapp/flutter中实现苹果IOS 26 毛玻璃效果、跟随滑动放大动画
flutter·ios·uni-app