vue如何给已经绑定了后台返回数据的元素继续绑定一个方法

Question

我的图片的src绑定了后台返回的数据，如何再继续给src绑定一个方法，判断当v-lazy属性值不同的时候显示不同的src？即我想要给src绑定加载中和无法显示时的图片，代码如下：

<div :class="{listImg1:item.type=='little',listImg2:item.type=='pic'||item.type=='auto',listImg3:item.type=='big',listImg4:item.type=='text'}" id="listImg">
          <img v-if="(item.type=='little'||item.type=='big')" :src="item.thumb[0]" alt="" v-lazy="item.thumb[0]">
          <img v-else-if="(item.type=='pic'||item.type=='auto')" v-for="(value,index) in item.thumb" :src="value" alt="" v-lazy="value" >
</div>

当v-lazy=error的时候绑定无法显示图片的占位图，
当v-lazy=loading的时候绑定加载中的占位图

我现在是用css给img加的背景图，但是有时候会不能显示，所以求大神解惑！

Answer 1

<div :class="{listImg1:item.type=='little',listImg2:item.type=='pic'||item.type=='auto',listImg3:item.type=='big',listImg4:item.type=='text'}" id="listImg">

      <img v-if="(item.type=='little'||item.type=='big')" :src="v-lazy===error ?

item.thumb[0] : value" >
</div>

Answer 2

谢谢您，我按你的方式写了，当时报错，您能帮我看一下这是什么原因吗？