我的图片的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加的背景图,但是有时候会不能显示,所以求大神解惑!
1 回答
繁花不似锦
TA贡献1851条经验 获得超4个赞
<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/150
提交
取消