javascript - VueJS-parametrar fungerar inte korrekt på sidan

Jag skrev min vue i en extern fil och lade till den längst ner på sidan, men den fungerar inte helt. Till exempel, när jag använder v-model innehåller sidan ett fel:

Fel vid kompilering av mall

När sidan laddas, ger jag mina data från API:et och lägger dem i en parameter men min mall visar parametern som tom. I mina utvecklarverktyg visar det mig att API:et svarade med alla mina data.

Här är min get_Data-metod:

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

I konsolen visas de rätta värdena, men när jag använder dem i mallen är den tom. Vad ska jag göra?

Svar #1

Använd ett fett pilnotation ..

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