js或者css前端如何实现点赞点踩，只能点一次呢？

Question

无论点赞还是点踩之后，都不可以继续点了

Answer 1

用的是button的话，就在点击事件完成后把按钮禁止掉，增加disabled属性就可以
用的是div之类的就在点击事件外面定义一个变量'clickState = false'来记录状态，在点击事件里面判断和改变状态就行

Answer 2

很多种方法可以用 说一个简单易理解的吧

1. 写两个dom结构 显隐切换实现
   data() {
   isShow: true
   }
   <div @click="isShow=false" v-if="isShow"> 点赞 </div>
   <div v-else> 已点赞 </div>
   当然点赞的时候 需要向后台发送请求 请求返回成功后 才执行isShow = false
2. 第二种方法, 你可以写一个信号量, 当点击的时候记住他已经点击了. 然后函数内用js判断;

Answer 3

点赞发一个请求，成功后后台返回状态，或自己请求一下这个状态。如果已赞，禁用。本质上来说，需要和后台交互的

Answer 4

之前做过这样的一个功能。
当时我这边的需求是：点赞红心，再点取消红心。
实现上，点赞操作请求后台接口，根据返回结果是否点赞成功的标志判断，成功红心，不成功不作操作。
如果你不需要持久记录点赞状态，单纯页面记录，不用后台交互，

Answer 5

说实话js跟css弄的不能点赞功能都不靠谱，懂代码的人完全可以再给你搞一次点赞请求过去，所以靠谱的还是发请求