之前在行内样式中加背景图片是这样写的:
<view class="radius" style="background-image:'url(https://ossweb-img.qq.com/images/lol/img/champion/Morgana.png)';"></view>
但是vue来了, 标签的背景图片是循环item的img属性, 需要动态展示, 在这里耽误了些时间, 记录一下, 希望遇到这个问题的人能一目了然:
如下写法:
<view class="radius" v-bind:style="[{backgroundImage:'url('+ (item.img) +')'}]"></view>
这样写就可以了, 没有问题。 网上查询有其他做法 , 但是这种最靠谱!
以上内容代表个人观点,仅供参考,不喜勿喷。。。