分页+关注接口+取消接口

效果

在这里插入图片描述

点击关注

在这里插入图片描述

点击取消关注

在这里插入图片描述

步骤一:

渲染数据的接口是放在分页里面的,html直接用list渲染出来即可

在这里插入图片描述

步骤二:

fllow里接的是取消关注的接口,点击一下已关注显示取消关注
unfllow里接的是关注的接口,点击一下关注显示关注成功
里面的follow.id和is_fllow都是分页里面的接口里面取的,index是数组里面数标的位置

在这里插入图片描述

正常接好的取消关注接口:

fllow(e){
   
    let _that = this;
    const{
   
      index,
      id
    } = e.currentTarget.dataset;
    app.http({
   
      config: {
   
        url: '/api/v1/user/delFollow',
        data: {
   
          follow_id: id
        }
      }
    }).then(res => {
   
      $Toast({
   
        content:"取关成功",
        type
  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值