博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
Vuex异步请求数据后,在组件中获取状态的方法
阅读量:4992 次
发布时间:2019-06-12

本文共 485 字,大约阅读时间需要 1 分钟。

1、问题描述:初次加载时,调用vuex中state中的数据,但是vuex中state的数据需要axios请求获取。此时出现问题组件调用的时候 axios还没有执行完成,state的数据还是默认值。

此时应该想起来computed,没错,这个渲染进页面没有毛病,代码如下:

computed:{    loginState:function(){        return this.$store.getters.getLogin    }}

  

那么问题又来了 ,你想要在获取到state中的数据后执行某个方法怎么办???你在js中执行console.log(this.loginState)的结果依然是state的默认值,这是问题的关键哦。此时应该想起watch,代码如下:
watch: {    loginState(val) {        console.log(val)    }}

  

此时的val就是axios执行完成之后获取的数据。搞定!!!

转载于:https://www.cnblogs.com/zshno1/p/10741783.html

你可能感兴趣的文章
Redis 在 SNS 类应用中的最佳实践有哪些?
查看>>
关于Unity 动画绘制原理
查看>>
django-xadmin后台开发
查看>>
Canvas链式操作
查看>>
学渣乱搞系列之网络流学习
查看>>
Acdream A - Unique Attack
查看>>
java遍历List的多种方法
查看>>
【投票】你心目中的Excel催化剂价值有多大(附主流国内外收费插件供参考)?...
查看>>
算法复习——半平面交(bzoj2618凸多边形)
查看>>
关于在Intellij Idea中使用JSTL标签库报错的问题
查看>>
如何用自己电脑做服务器,绑定域名建一个个人网站
查看>>
.ds_store是什么文件
查看>>
递归C++
查看>>
POJ 1751 Highways(最小生成树&Prim)题解
查看>>
linux 安装openssh-server, openssh-client
查看>>
Java继承的基本概念及其限制 总结
查看>>
RF1001: 各浏览器对 '@font-face' 规则支持的字体格式不同,IE 支持 EOT 字体,Firefox Safari Opera 支持 TrueType 等字体...
查看>>
Socket 学习(三)
查看>>
题解 CF43B 【Letter】
查看>>
CommandName and CommandArgument
查看>>