vue中如何选择是否设置某个style

Question

目前模版上是这样的

<div v-for="item in items">
 <div :style="{
  backgroundImage: 'url(\'' + item.img + '\')'
 }"></div>
</div>

由于items是异步拉取的，所以url内一开始是为空的，这也就导致了某些浏览器会发送一个当前页面的请求，甚至是两个。http://www.lai18.com/content/...

尝试过几个办法：
判断item.img为空，设置为1px的透明图片。
判断item.img为空，设置为none。
判断item.img为空，设置为url(about:blank)。

最后还是觉得，是否可以通过判断item.img是否为空，再决定是否设置:style的backgroundImage，但是不知道在vue的模版上应该怎么写，求助

Answer 1

<div v-for="item in items">&nbsp;<div v-if="item.img=='null'">&nbsp;&nbsp;&nbsp; <div :style="{backgroundImage: 'url('默认图片显示')'}"></div>&nbsp;</div>&nbsp;<div v-else>&nbsp;&nbsp; <div :style="{backgroundImage: 'url(\'' + item.img + '\')'}"></div>&nbsp;</div></div>