Vue 3 vue-i18n. Bagaimana untuk menggunakan $t(t) di luar aplikasi (fail .vue)? API Sintesis
P粉032649413
P粉032649413 2023-08-26 10:24:05
0
1
454
<p>Saya mahu memformatkan tarikh saya di luar komponen. </p> <pre class="brush:js;toolbar:false;">function transformDatetime(config, value) { jika (nilai) { return $d(new Date(value), config); } kembalikan $t('-'); } </pra> <p>Saya cuba mendapatkan $t daripada contoh aplikasi. Tetapi ia hanya berfungsi dalam konteks komponen, sama seperti useI18n. </p> <pre class="brush:js;toolbar:false;">import { getCurrentInstance } daripada 'vue' eksport fungsi lalai useGlobal() { contoh const = getCurrentInstance() jika (!contoh) kembali kembalikan instance.appContext.config.globalProperties } </pra> <p><br /></p>
P粉032649413
P粉032649413

membalas semua(1)
P粉143640496

Saya jumpa penyelesaiannya. Hanya tambahkan i18n 导入到应用程序外部的文件中,然后使用 i18n.global.t

anda
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')
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan