Vue Js Axios响应无法访问this.data

Question

Vuejs axios get不会从响应中更新myData。

export default {
        data(){
            return {
                myData:'foo'   
            }
        },

        beforeMount() {

                    axios.get('/api/data').then((response)=>{ 
                    this.rowData = response.data;
                    this.myData=this.rowData;
                });
              }

        console.log(this.myData) //prints foo instead of this.rowData value


}

我希望有this.rowData输出

Answer 1

axios.get()返回一个Promise，所以在解析console.log()后，应在分配后Promise对其进行Promise。直到export default { data() { return { myData: "foo" } }, beforeMount() { axios.get("/api/data").then(response => { this.rowData = response.data; this.myData = this.rowData; console.log(this.myData) }); } } 尚未解析，值仍将保持不变。

:style