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>