data 获取vuex_组件中获取不到vuex里的数据,怎么解决?

在Vue应用中,遇到组件author.vue无法从Vuex中获取到cnode-article-vx.vue通过action存储的话题数据。具体表现为尝试访问`$store.state.detail.author.loginname`时出现TypeError: Cannot read property 'loginname' of undefined。该问题可能由于在访问时数据尚未完全加载导致。在Vuex的mutations中已成功打印出loginname,解决方案可能是确保在访问authorName计算属性之前,等待Vuex的状态detail完全加载。
摘要由CSDN通过智能技术生成

问题描述

我在做 cnodejs 的话题展示页,cnode-article-vx.vue 和 author.vue 有共同的父组件 detail.vue,cnode-article-vx.vue 中通知 vuex 发请求拿到话题数据,保存在 vuex 里。

author.vue 中,我想拿到 vuex 存的话题数据中的作者,再发请求获取用户数据。但是我在获取作者时报错了。

相关代码

cnode-article-vx.vue

methods: {

//通知 vuex 获取文章细览及向上传递作者名、回复

getDetailVuex(){

this.$store.commit('showSpinMu', {show: true});

let id = this.$route.params.id;

let accesstoken = Cookies.get('accesstoken');

if(accesstoken){

//登录了

this.$store.dispatch('getDetailAc', {id, accesstoken});

}else{

//没登录

this.$store.dispatch('getDetailAc', {id});

}

}

}

vuex

actions: {

//获取文章细览

getDetailAc(store, payload) {

let accesstoken = payload.acce

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值