gpt4 book ai didi

vue.js - 获取子组件中的当前语言环境

转载 作者:行者123 更新时间:2023-12-04 16:29:12 24 4
gpt4 key购买 nike

我无法从我的子组件中的 vue-i18n 获取语言环境参数。

我已经在 cli ui 中安装了 vue-i18n。 $t("message") 的翻译工作正常,但当我尝试访问 i18n.locale 时出现错误

我的输入点(main.js)

    import Vue from 'vue'
import App from './App.vue'
import router from './router'
import i18n from './i18n'

new Vue({
router,
i18n,
render: h => h(App)
}).$mount('#app')

我的子组件
<template>
<div>{{ $t("message") }}</div>
</template>
<script>
import {HTTP} from '@/http-common'

export default
{
name : 'c1',
methods:{
selectMap()
{
console.log(i18n.locale);//=> doesn't work
}
}
</script>


i18n.js
import Vue from 'vue'
import VueI18n from 'vue-i18n'

Vue.use(VueI18n)

function loadLocaleMessages () {
const locales = require.context('./locales', true, /[A-Za-z0-9-_,\s]+\.json$/i)
const messages = {}
locales.keys().forEach(key => {
const matched = key.match(/([A-Za-z0-9-_]+)\./i)
if (matched && matched.length > 1) {
const locale = matched[1]
messages[locale] = locales(key)
}
})
return messages
}

export default new VueI18n({
locale: process.env.VUE_APP_I18N_LOCALE || 'en',
fallbackLocale: process.env.VUE_APP_I18N_FALLBACK_LOCALE || 'en',
messages: loadLocaleMessages()
})

最佳答案

试试 this.$i18n.locale ,或只是 $i18n.locale如果在 <template> 里面.

关于vue.js - 获取子组件中的当前语言环境,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/54427168/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com