javascript - vue2.0使用:style绑定backgroundImage失败

问题描述

问 题

<div id="box" style="width:100px;height:100px;"
   :style="{backgroundImage: 'url('+'http://i2.s2.dpfile.com/pc/833992a42d3393b06396ad47684624d0(278x200)/thumb.jpg'+')'}"
   ></div>
   

请问这样写有什么问题吗，绑定失败了，在dom上没有这个style属性

解决方案

已定位到问题所在，链接有()会和css的url()冲突，需要再用一层引号将其包住

<div id="box" style="width:100px;height:100px;"
   :style="{backgroundImage: 'url(\''+'http://i2.s2.dpfile.com/pc/833992a42d3393b06396ad47684624d0(278x200)/thumb.jpg'+'\')'}"
   ></div>

这篇关于javascript - vue2.0使用:style绑定backgroundImage失败的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！