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执行完成之后获取的数据。搞定!!!