uniapp 开发小程序,封装一个方法,让图片使用线上地址

1.在main.js文件中,添加以下代码:

复制使用:

复制代码
// 图片使用网络地址
Vue.prototype.localImgSrc = function(img){
	//项目的地址域名,例如百度
	return "https://baidu.cn/static/index/images/" + img;
}

2.在页面中直接使用:

复制代码
<image :src="localImgSrc('[email protected]')" mode=""></image>

ok!

相关推荐
邹荣乐26 分钟前
uni-app开发微信小程序的报错[渲染层错误]排查及解决
前端·微信小程序·uni-app
xw528 分钟前
支付宝小程序外链跳转调试爬坑
uni-app·支付宝
^Rocky1 小时前
uniapp 对接腾讯云IM群组成员管理(增删改查)
uni-app·腾讯云
假客套2 小时前
2025 后端自学UNIAPP【项目实战:旅游项目】7、景点详情页面【完结】
前端·uni-app·旅游
程序员小张丶3 小时前
基于UniApp开发HarmonyOS 5.0鸿蒙汽车应用的指南
uni-app·汽车·harmonyos5.0
weixin_177297220693 小时前
盲盒一番赏小程序:引领盲盒新潮流
小程序
moxiaoran57533 小时前
uni-app学习笔记二十四--showLoading和showModal的用法
笔记·学习·uni-app
HHHHHY4 小时前
使用webview外链打包apk,写入自签CA证书流程,解决app录音功能无法使用
前端·uni-app
海天胜景8 小时前
uniapp 字符包含的相关方法
uni-app
moxiaoran575311 小时前
uni-app萌宠案例学习笔记--页面布局和CSS样式设置
前端·css·uni-app