【Uniapp】uniapp微信小程序定义图片地址全局变量

错误写法：

main.js

Vue.prototype.$imgUrl = '图片地址'

这么写之后 就发现压根不起作用；获取到的是undefined

正确写法：

返回函数，后面可以拼上OSS图片完整路径

Vue.prototype.$imgUrl = (url) => {
  return ("https://地址" + url);
};

页面使用：

template

<image :src="$imgUrl('/list-icon.png')" />

js

this.$imgUrl('/list-icon.png')

css定义

uni.scss

$imgUrl: "https://图片地址";

style使用：

background: url($imgUrl + "/modal.png") no-repeat;

感谢你的阅读，如对你有帮助请收藏+关注！

只分享干货实战 和精品 ，从不啰嗦！！！

如某处不对请留言评论，欢迎指正~

博主可收徒、常玩QQ飞车，可一起来玩玩鸭~