検索

ホームページ  >  に質問  >  本文

Vue i18n のロケールを動的に変更できない

私は、アプリケーションを多言語にするために vue-i18n プラグインを実装したい小さな vue アプリケーションを持っています。 vue cli から vue-i18n プラグインをインストールしました。ロケールが 2 つあり、すべてが期待どおりに動作します。ロケールを .env ファイルから目的の言語に手動で変更すると、アプリケーションの言語も変更されます。ただし、フロントエンドのボタンを使用して変更しようとすると、常に変更できません。

これは私の i18n.js ファイルの内容です:

リーリー

これは .env ファイルにあります:

リーリー

これは私が見たチュートリアルのコードです。this.$i18n.locale を介してロケールにアクセスしますが、これは私にとっては機能しません。これが私が実装しようとした方法です:

リーリー

ボタンをクリックすると発生するエラー:

[Vue 警告]: ネイティブ イベント ハンドラーの実行中に処理されないエラーが発生しました

Uncaught TypeError: 未定義のプロパティを設定できません (設定 'ロケール')

i18n.locale や this.$root.$i18n.locale などの他のソリューションを試しましたが、どちらも機能しないようです。

さらに、ロケール フォルダー内の JSON ファイルからメッセージの

{{ t("message") }}

にアクセスしようとすると、次の警告が表示されます。

[intlify] 「nl」ロケール メッセージ内に「message」キーが見つかりませんでした。

[intlify] "message" キーを "en" ロケールで変換するフォールバック

[intlify] 「en」ロケール メッセージに「Message」キーが見つかりませんでした。

[intlify] "nl" ロケールを使用した "message" キーの翻訳へのフォールバック

私の質問は、どこで何か間違っているのでしょうか。ロケール フォルダーから JSON ファイルにアクセスしようとしたときに表示される警告を取り除く方法はありますか?

P粉211600174P粉211600174257日前469

全員に返信(1)返信します

  • P粉132730839

    P粉1327308392024-03-22 09:09:48

    私はコンボを使用しているので、これがうまくいくかどうかは 100% わかりませんが、私にとってはうまくいきました:

    から変更されました リーリー ###に### リーリー ###それが役に立てば幸い。 :)

    返事
    0
  • キャンセル返事