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

Question

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

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

Answer 1

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

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