美食杰跳转个人资料

在跳转个人中心的地方携带上参数,我这里使用的是query
在这里插入图片描述
点击之后,个人中心页面通过watch监听传递过来的参数
在这里插入图片描述

value.query.id  //就是我传递过来的参数
这里我将参数赋值给了abc是因为我要进行后续的判断
看abc===this.$store.state.userId._id   后者是我在登录时
就将自己的数据存放在vuex中,那登录者肯定是我本人
我用自己的id与跳转传递过来的id判断是否相等
如果相等我就直接吧自己登录时获取的数据赋值给this.info     
(this.info是我渲染时的数据)
这样就可以省掉一次请求数据,当id不同时,说明我们要查看别人的个人中心
这样别人的id与我的id肯定不同,这时我们在进行请求

在访问别人的资料时,会发现有一个关注按钮如下:
在这里插入图片描述
在这里插入图片描述

可以看到自己的个人中心和访问别人的个人中心是不一样的

这时我们可以通过我们watch监听中的this.isDow
在这里插入图片描述
this.isDow是一个booler类型的值,他的状态由我们访问用户id与我登录是id进行比较,如果是自己的页面则为真,如果是别人的页面则为假,这时我们在页面哪里就可以通过这个状态来决定关注的消失与隐藏
在这里插入图片描述

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值