<view class="zuopin-right-text">{{li.createtime}}
<view class="start-change">
<image src="../../static/img/start.png"
:data-id="index"
:data-num="li.id"
:data-like="li.ilike"
@click="dianZan" v-show="li.ilike==2">
</image>
<image src="../../static/img/lightstart.png"
:data-id="index"
:data-num="li.id"
:data-like="li.ilike"
@click="dianZan"
v-show="li.ilike==1"></image>
</view>
</view>
这是点赞图标切换功能,在使用的使用data-param和id不能混用,混用结果就是,导致e.dataset里面只能存放一个data-param属性。
**下面是点赞逻辑,喜欢的拿去,**我们点赞是ilike 1(喜欢),2(取消喜欢)计数
dianZan(e){
var index=e.currentTarget.dataset.id
var nicenum=this.dataCon[this.currentTab].list[index].nicenum
var count=e.currentTarget.dataset.like
var id=e.currentTarget.dataset.num
var temp=count%2+1
if(temp==1){
nicenum=nicenum+1
this.$set(this.dataCon[this.currentTab].list[index],'nicenum',nicenum)
}
else{
nicenum=nicenum-1
this.$set(this.dataCon[this.currentTab].list[index],'nicenum',nicenum)
}
this.$set(this.dataCon[this.currentTab].list[index],'ilike',temp)
this.postZan(temp,id)
},
效果图: