uniapp——点赞、取消点赞

案例

更新点赞状态，而不是每次都刷新整个列表。避免页面闪烁，提升用户体验

代码

<view class="funcBtn zan" @click="onZan(index,item.id)"><image src="/static/images/circle/zan.png" mode="aspectFill"v-if="!item.like_status"></image><image src="/static/images/circle/zan2.png" mode="aspectFill"v-if="item.like_status"></image><view class="nums">{{item.like_num}}</view>
</view>

// 点赞
function onZan(index, likeId) {if (list.value[index].like_status) {list.value[index].like_status = falselist.value[index].like_num--likeImport(likeId)} else {list.value[index].like_status = truelist.value[index].like_num++likeImport(likeId)}
}
//接口
function likeImport(likeId) {api.getLikeSave({release_id: likeId}).then(res => {if (res.code == 1) {}})
}