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