首次加载页面子组件获取不到vuex里的值或者sessionStorage里的值

最新推荐文章于 2023-12-01 11:59:30 发布

原创

最新推荐文章于 2023-12-01 11:59:30 发布 · 5.4k 阅读

标签

#vue.js

收录于

很正常的一个需求：
页面首次打开到首页，在首页做是否登录的判断，如果存在cookie则自动登录，然后把token,status…等一些值存储到vuex中，首页头部我封装成组件了，然后头部里的一些内容展示是根据vuex里的值或者sessionStorage里的值去判断的。如图：
在这里插入图片描述
其实在里面还有一些内容的

html:
<div class="userCenter_top">
  <el-avatar src="/https://cube.elemecdn.com/0/88/03b0d39583f48206768a7534e55bcpng.png" class="userCenter_top_avatar">
  </el-avatar>
  <img src="../assets/nav/brand.png" alt="" v-show="isAttestation" class="userCenter_top_img">
  <span class="userName">姜丝牛肉</span>
  <span class="prove" v-show="attestationStatus === 2">(已认证为{
  
  {this.$store.state.cusType|cusType}})</span>
  <span class="proveing" v-show="attestationStatus === 1">认证中...</span>
  <span class="noProve" v-show="attestationStatus === 0">(尚未认证，去认证)</span>
</div>
js:
data () {
	return {
		attestationStatus: parseInt