uniapp点赞一次功能再点击取消

以下是uniapp点赞一次功能再点击取消的示例代码：

template:
<template>
<div>
<button @click="toggleLike">{{ like ? '取消点赞' : '点赞' }}</button>
<span>{{ likeCount }}人点赞</span>
</div>
</template>

JavaScript:
<script>
export default {
data() {
return {
like: false,
likeCount: 0
};
},
methods: {
toggleLike() {
if (this.like) {
this.like = false;
this.likeCount--;
} else {
this.like = true;
this.likeCount++;
}
}
}
};
</script>

在上述示例中，我们维护了两个变量：like和likeCount。like变量表示当前用户是否已经点赞，likeCount变量表示点赞的总数。在toggleLike方法中，我们检查like变量的值。如果like为true，说明用户已经点赞，我们将like变量设置为false，同时将likeCount减1。如果like为false，说明用户还没有点赞，我们将like变量设置为true，同时将likeCount加1。这样，我们就实现了一个简单的点赞一次功能再点击取消的效果。