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

Question

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

编译模板出错

页面加载时，我从 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);
            });
        },