More than 3 years have passed since last update.

vue-i18nをVue.jsのJavascriptで使う方法

Posted at 2020-03-06

vue-i18nで定義したメッセージをVue.jsのJavascriptで使う方法についてです。

テンプレートで使う方法については検索すればたくさん出てきます。
Javascriptから使う方法がなかなか見つけられなかったので、投稿します。

環境

    "vue": "^2.6.11",
    "vue-i18n": "^8.15.4",

利用するlangファイルは以下の通りです。

export default {
    // 共通
    common: {
        errorLabel: 'エラー',
        toastCloseButtonText: '閉じる',
    },
}

this.$i18n.t('common.toastCloseButtonText')