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!

相关推荐
星光一影18 分钟前
基于PHP+MySQL+Uniapp的上门家政服务系统源码
开发语言·mysql·uni-app·php
hyswl6668 小时前
郑州小程序开发公司推荐:详解火焰山科技
科技·小程序
2501_916008899 小时前
iOS 性能测试的深度实战方法 构建从底层指标到真实场景回放的多工具测试体系
android·ios·小程序·https·uni-app·iphone·webview
说私域9 小时前
基于开源AI智能客服、AI智能名片与S2B2C商城小程序的新社群用户进化策略研究
人工智能·小程序
项目題供诗10 小时前
微信小程序黑马优购(项目)(二)
微信小程序·小程序
小小王app小程序开发11 小时前
陪诊陪护小程序一番赏衍生玩法分析:场景融合与用户激励的双重创新
小程序
阿里花盘15 小时前
线上门店经营方案:连锁美容院线上小程序店铺怎么做?
小程序
计算机徐师兄16 小时前
Java基于SpringBoot的足球队管理平台小程序【附源码、文档说明】
微信小程序·小程序·足球队管理平台小程序·java足球队管理平台小程序·足球队管理微信小程序·足球队管理平台·jav足球队管理小程序
千寻技术帮19 小时前
50040_基于微信小程序的项目管理系统
小程序·源码·讲解·文档·ppt
2501_915909061 天前
iOS APP 抓包全流程解析,HTTPS 调试、网络协议分析与多工具组合方案
android·ios·小程序·https·uni-app·iphone·webview