为了账号安全,请及时绑定邮箱和手机立即绑定

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

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

子衿沉夜 2018-12-12 14:17:58
我的图片的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>


查看完整回答
反对 回复 2019-01-19
  • 1 回答
  • 0 关注
  • 387 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信