data 获取vuex_vuex在actions里面异步请求数据,获取到数据提交给mutations,在组件获取给data...

本文讲述了在Vuex中遇到的一个问题:在actions中通过axios异步请求数据,将结果提交给mutations,然后在组件中通过$nextTick尝试更新data中的值,但实际操作未按预期进行。作者分析了请求和状态管理的过程,尝试使用$nextTick等待DOM更新,但仍然存在问题。代码示例展示了actions、mutations和组件中相关的数据处理。最终,作者期望能正确获取状态值并据此控制组件的显示状态。
摘要由CSDN通过智能技术生成

问题描述

vuex在actions里面异步请求数据,获取到数据提交给mutations,在组件获取给data不对

问题出现的环境背景及自己尝试过哪些方法

我在actions异步请求是没有问题的,接口是你可以正常调用的

在组件获取到状态值我使用的是this.$nextTick  等加载完毕再去给data值 按理说也是可以的  但是不对

相关代码

// 请把代码文本粘贴到下方(请勿用图片代替代码)

actions

getCertificationStatus({context,state},vm){

return new Promise((resolve, reject) => {

axios.post('/realNameUtils/gotoStatusPage')

.then((res)=>{

content.commit('certificationStatus',res.data.content)

if(res.data.content == "NOT_REALNAME"){

vm.$router.push({path:'/user/info'})//点击跳到未认证页面

}

mutations

certificationStatus(state,data){

state.certificationStatus = data

}

组件

data(){

return {

type : '',//认证方式

e

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值