那位大佬做过vue点赞的功能吗,和后台交互的,大佬发我一份dome

哈哈哈哈哈哈
  • 36

<span class="praise-style" @click="clickFabulous(item)">

            <i v-if="item.essence" class="iconfont icon-xihuan iconr"></i>
            <i v-if="!item.essence" class="iconfont icon-like iconr"></i>
             {{item.likeCount}}
          </span>
          
          
             // 点赞
  clickFabulous (item){
    // 是否登陆
    if (!this.islogin) {
      this.$router.push({path: '/login'})
    }else{
      item.essence =false
    }
  },
  ### 问题描述

问题出现的环境背景及自己尝试过哪些方法

相关代码

// 请把代码文本粘贴到下方(请勿用图片代替代码)

你期待的结果是什么?实际看到的错误信息又是什么?

回复
阅读 1.1k
1 个回答
李昊天
  • 1.8k

说说自己的做法吧 给点赞的按钮两个类 (class)

在进入内容详情的时候异步获取内容的数据

里面有一个

{
    "id":"",
    "linkNumber":"10",
    "like":true/false
}

在like为true的时候显示取消点赞的按钮 为false的时候显示点赞的按钮

页面中的按钮方法

linkDetail(){
//检测登录的最好写到公共方法里面 毕竟这个在很多地方要用到的
    this.$post('detail/'+ this+ id)
    .then((result)=>{
        //请求成功的逻辑 
        if(result.status === 1){
        //后端操作成功将喜欢的状态取反
            this.detail.like = !this.detail.like;
        }else{
        }
    })
    .catch()
 
}

后端无论是go语言还是php 都一样

检测用户是否喜欢了文章 如果有就取消 如果没有就喜欢

宣传栏