首页 > 其他 > 详细

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

时间:2019-12-15 16:55:50      阅读:161      评论:0      收藏:0      [点我收藏+]

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

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

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

 

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

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

原文:https://www.cnblogs.com/newbest/p/12044622.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!