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

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

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

 

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

相关文章:

  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2021-09-14
  • 2021-09-09
  • 2021-06-16
猜你喜欢
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2022-01-03
  • 2022-12-23
  • 2021-11-07
相关资源
相似解决方案