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_915918416 小时前
如何在iPad上找到并打开文件夹的完整指南
android·ios·小程序·uni-app·iphone·webview·ipad
shejizuopin8 小时前
基于Spring Boot+小程序的非遗科普平台设计与实现(毕业论文)
spring boot·后端·小程序·毕业设计·论文·毕业论文·非遗科普平台设计与实现
weixin_6383031110 小时前
uniapp组合式和选项式
javascript·vue.js·uni-app
StarChainTech10 小时前
一站式租车平台革新:从信用免押到全流程可视化管理的技术实践
大数据·人工智能·微信小程序·小程序·软件需求
CHU72903512 小时前
一番赏盲盒抽卡机小程序:探索惊喜与互动的多元功能体验
小程序
木子啊13 小时前
UniApp Base64上传终极解决方案
uni-app·base64·base64转图片·base64上传
2501_9159184114 小时前
Wireshark、Fiddler、Charles抓包工具详细使用指南
android·ios·小程序·https·uni-app·iphone·webview
阿宇爱吃鱼14 小时前
uniapp input输入框,限制金额输入格式
前端·javascript·uni-app
一只程序熊14 小时前
uniapp x 新手入门指南
uni-app
苏苏哇哈哈14 小时前
微信小程序实现仿腾讯视频小程序首页圆角扩散轮播组件
微信小程序·小程序·轮播图