最近在做一个小项目 就是类似于豆瓣影评 （模仿）
然后就在个人中心的地方，之前是先登录注册，然后登录成功后登录注册按钮v-if不渲染，个人中心渲染，点击个人中心，下面跳转到个人中心的组件。
我遇到的问题是登录成功后，点击个人中心的路由 。登录注册按钮又出现了（本来是在http://localhost:8080/Self路径下的）,首先想到的解决办法就是把v-if定义的变量放到store.js里变成全局变量（因为是登录注册一个div,个人中心一个div，之前我很麻烦的用了两次v-if,一个div用了一次。但其实登录注册div不渲染的同时个人中心div渲染，所以直接用v-if v-else，只设置一个变量就可以了）
所以我就设置了一个hide变量，在store.js里将hide变量变成全局变量，然后在mutations里面定义一个displaychange方法用来传入一个值修改变量hide的值
然后在组件里的computed写一个hide(){return this.$store.state.hide}
最后再登录成功后弹出恭喜您登录成功的同时调用this.$store.commit("displaychange",false)传入v-if false就可以得到想要的结果了，在登录成功后出现个人中心，点击个人中心跳转路由登录注册按钮不会再出现。
网友评论