javascript - 如何在 Vuejs 中停止执行直到 get 请求完成

Question

我有以下代码从 api 端点请求数据:

fetchStudentMeta: function(){
    var vm = this;
    this.$http.get('/api/1.0/students/metadata/ '+ this.selectedStudent.id)
        .then(function (response){
            this.$set('meta', response.data);
            console.log(vm.meta); //line1
        });
    console.log(this.meta); //line2
},

在我的控制台和执行中，第 2 行在第 1 行之前处理。有什么方法可以停止执行，直到从获取请求数据设置我的变量吗？

Answer 1

第一行放在 then() 闭包中，这意味着在请求完成之前不会处理，而第二行在请求启动后立即处理。

问题是您实际上想用 this.meta 属性(第 2 行)做什么？如果您打算转换它，您可以使用计算，或者您可以$dispatch()或$broadcast()来触发事件。