Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/vue.js/6.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript Nuxt js国际化(i18n)示例说明中如何触发语言?_Javascript_Vue.js_Vuejs2_Nuxt.js - Fatal编程技术网

Javascript Nuxt js国际化(i18n)示例说明中如何触发语言?

Javascript Nuxt js国际化(i18n)示例说明中如何触发语言?,javascript,vue.js,vuejs2,nuxt.js,Javascript,Vue.js,Vuejs2,Nuxt.js,在Nuxt.Js文档中,有一个国际化的示例(i18n)。我了解了大部分内容,但我不了解的是如何单击导航栏菜单上的语言选项将区域设置从“en”更改为“fr”或从“en”更改为“fr”,从而触发语言交换 代码如下: 在默认布局中 <nuxt-link class="Header__Link" v-if="$i18n.locale === 'en'" :to="`/fr` + $route.fullPath" active-class="none" exact> {{ $t('l

在Nuxt.Js文档中,有一个国际化的示例(i18n)。我了解了大部分内容,但我不了解的是如何单击导航栏菜单上的语言选项将区域设置从“en”更改为“fr”或从“en”更改为“fr”,从而触发语言交换

代码如下:

在默认布局中

<nuxt-link class="Header__Link" v-if="$i18n.locale === 'en'" :to="`/fr` + $route.fullPath" active-class="none" exact>
     {{ $t('links.french') }}
</nuxt-link>
<nuxt-link class="Header__Link" v-else :to="$route.fullPath.replace(/^\/[^\/]+/, '')" active-class="none" exact>
     {{ $t('links.english') }}
</nuxt-link>

{{$t('links.french')}
{{$t('links.english')}
下面是现场演示:

有人愿意解释一下吗


谢谢

它使用。看看
插件/i18n.js
中间件/i18n.js
。因此,当访问
/fr/…
时,例如,存储中的区域设置设置为
fr

是的,我后来得到了它。顺便说一句,谢谢。我想知道当有两种以上的语言可供切换时,如何实现语言切换?