uni-app如何动态绑定背景图片资源

前端小白的uni-app艰难学习之路

问题

有时候我们需要一个功能就是背景颜色需要随着传入的图片改变而改变,这时我们肯定是不能把背景图片的引入放在css里面了,那么就只有想着怎么去动态引入它

解决

其实想通了也是非常简单的,首先我们想到的应该是给需要添加背景图的元素绑定style属性,然后给background-image绑定值,然后就要注意了,我们在style表里写的时候都是用url(‘图片路径’)这样引入的,那么放到动态绑定时当然也是不能少了这个url()方法的,这时候怎么办呢,总不能让链接自带这个方法吧?答案当然是不可能的,我想到的方法就是用字符串拼接的方式,不多说了,看图:
在这里插入图片描述
没错!就是这么简单,但是一开始遇到的时候也是一脸懵的,问度娘发现这个问题没人问啊,大概是我笨吧,总之写出来给同样遇到这种低级问题的小伙伴一个参考,多少还是可以少走一些弯路的

评论 5
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值