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!

相关推荐
游戏开发爱好者84 小时前
iOS 商店上架全流程解析 从工程准备到审核通过的系统化实践指南
android·macos·ios·小程序·uni-app·cocoa·iphone
toooooop85 小时前
Vuex 中 state、mutations 和 actions 的原理和写法
前端·javascript·uni-app
hyswl6665 小时前
2025年开发小程序公司推荐
python·小程序
kdniao15 小时前
电商平台与小程序与快递鸟物流轨迹API
小程序
项目題供诗5 小时前
微信小程序黑马优购(项目)(一)
微信小程序·小程序
项目題供诗5 小时前
微信小程序黑马优购(项目)(三)
微信小程序·小程序
林_xi6 小时前
uniapp使用@uni-ku/root插件实现全局组件
前端·uni-app
计算机毕设定制辅导-无忧学长6 小时前
基于uni-app的“民族风韵”特色购物小程序
uni-app
一个处女座的程序猿O(∩_∩)O6 小时前
UniApp 生命周期全解析:从应用到页面,再到组件的完美协奏曲
前端·uni-app
hyswl6666 小时前
2025年郑州开发小程序公司推荐
python·小程序