javascript - VueJS 参数在页面中无法正常工作

Question

我在外部文件中编写了我的 vue 并将其添加到页面底部，但它不能完全工作。例如，当使用v-model时，页面包含一个错误:

Error compiling template

当页面加载时，我从 API 提供我的数据并将其放入参数中，但我的模板显示该参数为空。在我的开发工具中，它显示 API 响应了我的所有数据。

这是我的get_Data 方法:

get_type_data() {
    get_data().subscribe(function (x: any) {
        this.types = x.data;
        console.log(this.types);
    });
},

在控制台中它显示了正确的值，但是当我在模板中使用它时它是空的。我应该怎么办？

Answer 1

使用粗箭头符号..

get_type_data() {
            get_data().subscribe(x => {
                this.types = x.data;
                console.log(this.types);
            });
        },