Vuex异步请求数据后,在组件中获取状态的方法

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