vue3スクリプトタグでi18nを使用する方法

vue2 では、スクリプト内で i18n を使用する方法は、ページ内と同じように $t を使用することですが、これは vue3 では有効になりません。解決策は、i18n の作成後に i18n を公開してデフォルトをエクスポートすることです。今すぐ:

const i18n = createI18n({
    
    
  locale: 'en',
  messages: {
    
    
    zh: Chinese,
    en: English,
  },
})
export default i18n

これを使用するファイルで、まず i18n をインポートします。

import i18n from "../../main";

i18n を出力するとわかります:
ここに画像の説明を挿入します
global には、i18n の t、tc およびその他のメソッドがあるためここに画像の説明を挿入します
、次のように定数を定義するだけで済みます。

const {
    
     t } = i18n.global;

次のように、$t の代わりに t を使用できます。

	//file是定义的文件路径
   ElMessage.success(t(file.value+'message'));

おすすめ

転載: blog.csdn.net/weixin_45807026/article/details/126574607