首页 > 解决方案 > Laravel VUE Vuetify 按钮 @click 为帖子添加喜欢,需要快速点击 2 次才能注册

问题描述

我试图用 Laravel、VUE 和 Vuetify 构建我自己的类似系统,但我遇到了问题。为了使赞在数据库中增加 +1,需要快速点击 2 次。如果我使用正常的慢速点击,喜欢的数量将恢复到原始数量。

在我的方法中,我有以下

addLike(like, id) {
  axios.put('/api/posts/' + id, {
    likes: like++
  })
  .then(res => {
    this.$toast.success('You liked a post')
      this.$store.dispatch('post/fetchPosts')
      this.$emit('success', res.data)
   })
},

用于单击方法的按钮

<v-btn
  @click.stop="addLike(post.likes++, post.id)"
  icon
  class="mx-auto"
  ><v-icon>mdi-heart</v-icon>{{ post.likes }}
</v-btn>

标签: laravelvue.jsvuex

解决方案


推荐阅读