在跳转个人中心的地方携带上参数,我这里使用的是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进行比较,如果是自己的页面则为真,如果是别人的页面则为假,这时我们在页面哪里就可以通过这个状态来决定关注的消失与隐藏