2017-12-30 51 views
0

データの表示に問題があります。選択した言語に基づいて変数値を出力する必要があります。私の問題を例を使ってさらに説明しましょう。選択した言語に基づいて変数の値を動的に出力

私はいくつかのテキスト

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

を表示するための2つのオプションがあり、私は私の質問は、テンプレートの構文が表示されますので、きちんと私の変数をフォーマットする方法ですcoockieから

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 
    }, 
} 

を選択したロケールを読む機能を持っています希望の値ですか?

あなたが任意の追加情報が必要な場合は、私が知っていると私は提供してください、私はすでに{{i.translations.selectedLanguage.header}}{{i.translations.this.selectedLanguage.header}}を試してみましたが、私はエラーのみ

を取得します。ありがとうございました!

答えて

1

あなたはどうなる:

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

Edit Vue Template

+0

OMGを!もちろん! :脳の脳は、コーディングの一日の後に動作を停止します! :D –

+0

@Valor_ Hehe、私は気分を知っている! – tony19

+0

ありがとうございました! ;) –

関連する問題