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>

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

 

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


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM