vue中动态改变标签背景图片的问题记录

之前在行内样式中加背景图片是这样写的:

<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>

这样写就可以了, 没有问题。 网上查询有其他做法 ,  但是这种最靠谱! 

以上内容代表个人观点,仅供参考,不喜勿喷。。。

猜你喜欢

转载自www.cnblogs.com/newbest/p/12044622.html