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!

相关推荐
木子啊41 分钟前
UniApp原生Office预览组件上线
uni-app·在线预览·预览文件·office预览文件
2501_915106322 小时前
如何在iPad上高效管理本地文件的完整指南
android·ios·小程序·uni-app·iphone·webview·ipad
2501_915106323 小时前
iOS 成品包加固,在只有 IPA 的情况下,能做那些操作
android·ios·小程序·https·uni-app·iphone·webview
郑州光合科技余经理4 小时前
同城020系统架构实战:中台化设计与部署
java·大数据·开发语言·后端·系统架构·uni-app·php
林恒smileZAZ4 小时前
Uni-app 性能天坑:为什么 v-if 删不掉 DOM 节点
uni-app·notepad++
m0_740859627 小时前
解决uniapp跳转页面警告:Extraneous non-props attributes ...
前端·javascript·uni-app
滑稽的8 小时前
微信小程序过滤功能实现
微信小程序·小程序
2501_915909068 小时前
苹果iOS应用上架详细流程与注意事项解析
android·ios·小程序·https·uni-app·iphone·webview
郑州光合科技余经理9 小时前
源码部署同城O2O系统:中台架构开发指南
java·开发语言·后端·架构·系统架构·uni-app·php
亿坊电商10 小时前
【家政服务】小程序+APP(项目源码),三端无缝协同系统解析!
小程序·开源软件