Vue 3 vue-i18n。如何在應用程式(.vue 檔案)之外使用 $t(t)?合成API
P粉032649413
P粉032649413 2023-08-26 10:24:05
0
1
451
<p>我想在元件外部格式化我的日期時間。 </p> <pre class="brush:js;toolbar:false;">function transformDatetime(config, value) { if (value) { return $d(new Date(value), config); } return $t('-'); } </pre> <p>我正在嘗試從應用程式實例獲取 $t。但它只在元件上下文中起作用,就像 useI18n 一樣。 </p> <pre class="brush:js;toolbar:false;">import { getCurrentInstance } from 'vue' export default function useGlobal() { const instance = getCurrentInstance() if (!instance) return return instance.appContext.config.globalProperties } </pre> <p><br /></p>
P粉032649413
P粉032649413

全部回覆(1)
P粉143640496

我找到了解決方案。只需將您的 i18n 匯入到應用程式外部的檔案中,然後使用 i18n.global.t

import { createI18n } from "vue-i18n"

export const i18n = createI18n({
    legacy: false,
    locale: 'ja',
    fallbackLocale: 'en',
    messages,
})
import { i18n } from '@/i18n'

const { t: $t, d: $d, n: $n } = i18n.global

const expample = $t('some-text')
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板