laravel - 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>