Variablenwert dynamisch basierend auf der ausgewählten Sprache drucken

Question

Ich habe ein Problem bei der Anzeige von Daten, wobei ich den Variablenwert basierend auf der ausgewählten Sprache drucken muss. Lassen Sie mich mein Problem mit Beispielen erklären.

Ich habe zwei Optionen für einen Text anzeigt

<template> 
    {{i.translations.en.header}} 
    {{i.translations.sl.header}} 
</template> 

Und ich habe Funktion, die ausgewählte Locale aus coockie lesen

export default { 
    name: 'myComponent', 
    data() { 
     return { 
      selectedLanguage: '', 
     } 
    }, 
    mounted: function() { 
     this.getFrontPageSlides(); 
     this.selectedLanguage = Cookie.get('locale'); 
     console.log(this.selectedLanguage); 
     // returns en or sl if i print 
    }, 
} 

Meine Frage ist, wie man richtig meine Variablen so Template Syntax zur Formatierung zeigen gewünschter Wert?

Ich habe bereits versucht {{i.translations.selectedLanguage.header}} und {{i.translations.this.selectedLanguage.header}}, aber ich nur Fehlermeldungen erhalten

Wenn Sie weitere Informationen benötigen, bitte lassen Sie mich wissen und ich werde liefern. Vielen Dank!

Answer 1

Sie tun würde:

{{i.translations[selectedLanguage].header}}