消息关闭
    暂无新消息!

我的图片的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加的背景图,但是有时候会不能显示,所以求大神解惑!


2个回答

︿ 0

<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>

︿ 0

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