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

我觉得可以用computed方法设置class或者style的对象

Answer 2

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