美文网首页
Vue 解决接口获取变量延时问题computed

Vue 解决接口获取变量延时问题computed

作者: 媛猿YY | 来源:发表于2020-08-17 20:09 被阅读0次
    App.vue

    问题:此处需要的username变量,从NavHeader组件中拿,进入项目时是先加载App.vue组件,再加载NavHeader组件,接口请求有延时,所以此时可能拿不到username值

    export default {
       methods:{
            getUser(){
                this.axios.get('/user').then((res)=>{
                    this.$store.dispatch('saveUserName',res.username);
                })
            },
        }
    }
    
    NavHeader.vue
    export default {
        data() {
            return {
                username: this.$store.state.username,
            };
        },
    }
    

    解决方法:加载NavHeader组件后,当变量已返回,此时变量发生变化了会重新再计算一次,修改如下

    computed:{
            username(){
                return this.$store.state.username;
            }
        },
    

    相关文章

      网友评论

          本文标题:Vue 解决接口获取变量延时问题computed

          本文链接:https://www.haomeiwen.com/subject/jyfcjktx.html