nuxt-i18n 更改语言 && 路由其他页面

【问题标题】：nuxt-i18n change language && routing other pagenuxt-i18n 更改语言 && 路由其他页面
【发布时间】：2021-07-31 04:22:39
【问题描述】：

如何在nuxt-i18n下同时使用以下nuxt-links：

<nuxt-link :to="switchLocalePath('en')">EN</nuxt-link>

和

<nuxt-link :to="localePath('/about')">About</nuxt-link>

所以，当我更改语言时，它会自动将我丢到关于页面。

【问题讨论】：

标签： vue.js nuxt.js nuxt-i18n

【解决方案1】：

您可以在这样的链接上使用@click

<nuxt-link :to="switchLocalePath('en')" @click="$router.push(localePath('/about'))">EN</nuxt-link>

来自此来源的想法：https://github.com/nuxt-community/i18n-module/issues/476#issuecomment-539451906

【讨论】：

【解决方案2】：

感谢您的建议！

不幸的是，nuxt-link 似乎不能与@click 一起使用，但是当我嵌套它时可以正常工作，如下所示：

<div @click="$router.push(localePath('/about'))">
    <nuxt-link class="text-header-bold text-middle" :to="switchLocalePath('en')">EN</nuxt-link>
</div>

【讨论】：