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 天前
技术架构:上门服务APP海外版源码部署
java·大数据·开发语言·前端·架构·uni-app·php
HashTang1 天前
【AI 编程实战】第 6 篇:告别复制粘贴 - 设计一个优雅的 HTTP 模块
前端·uni-app·ai编程
iOS阿玮1 天前
苹果开发者账号申请的痛点,包含新限制说明!
uni-app·app·apple
万岳科技系统开发1 天前
付费知识系统源码的整体架构设计与模块划分
java·数据库·小程序
2501_915921432 天前
iOS App 中 SSL Pinning 场景下代理抓包失效的原因
android·网络协议·ios·小程序·uni-app·iphone·ssl
一品威客爱开发2 天前
情绪识别技术优化客服 App 体验:让服务更贴心高效!
小程序
雪芽蓝域zzs2 天前
uniapp 获取app版本信息(兼容鸿蒙)
uni-app
一颗小青松2 天前
uniapp app端使用uniCloud云函数和云对象
uni-app
Brduino脑机接口技术答疑2 天前
SSVEP 脑电小程序说明
人工智能·机器学习·小程序·脑机接口
hello kitty w2 天前
1.标签定义
小程序