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!

相关推荐
CHU7290359 小时前
安心陪伴,便捷就医:陪诊代办小程序的温暖设计
前端·小程序·php
CHU7290359 小时前
线上扭蛋机拆盒小程序前端功能版块解析
前端·小程序·php
深海蓝山13 小时前
基于Canvas的原生签名组件,兼容小程序和H5
小程序·canvas·签名
毕设源码-邱学长13 小时前
【开题答辩全过程】以 基于微信小程序的课程表信息系统的开发实现为例,包含答辩的问题和答案
微信小程序·小程序
CHU72903513 小时前
线上美容预约小程序:开启便捷美肤新方式
小程序
云上凯歌13 小时前
01_AI工具平台项目概述.md
人工智能·python·uni-app
编程、小哥哥13 小时前
物业小程序(业主端+物业端)功能逻辑图与原型图
小程序
Goona_13 小时前
PyQt+Excel学生信息管理系统,增删改查全开源
python·小程序·自动化·excel·交互·pyqt
郑州光合科技余经理14 小时前
O2O上门预约小程序:全栈解决方案
java·大数据·开发语言·人工智能·小程序·uni-app·php