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!

相关推荐
2501_9159184111 小时前
只有 Flutter IPA 文件,通过多工具组合完成有效混淆与保护
android·flutter·ios·小程序·uni-app·iphone·webview
hello kitty w16 小时前
2. 微信开发工具快捷键
小程序
计算机毕设指导616 小时前
基于微信小程序的丽江市旅游分享系统【源码文末联系】
java·spring boot·微信小程序·小程序·tomcat·maven·旅游
1024小神17 小时前
浏览器或小程序限制字体最小12px解决办法
小程序
内存不泄露17 小时前
酒店预订管理平台及小程序
小程序
2501_9159184118 小时前
除了 Perfdog,如何在 Windows 环境中完成 iOS App 的性能测试工作
android·ios·小程序·https·uni-app·iphone·webview
丢,捞仔18 小时前
uni-app上架应用添加权限提示框
前端·javascript·uni-app
weixin_lynhgworld18 小时前
[特殊字符]短剧小程序开发:开启娱乐新纪元的钥匙[特殊字符]
小程序
qq_124987075319 小时前
基于Spring Boot的“味蕾探索”线上零食购物平台的设计与实现(源码+论文+部署+安装)
java·前端·数据库·spring boot·后端·小程序
m0_4711996320 小时前
【小程序】订单数据缓存 以及针对海量库存数据的 懒加载+数据分片 的具体实现方式
前端·vue.js·小程序