首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >nuxt-i18n更改语言和路由其他页面

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

Stack Overflow用户
提问于 2021-05-09 22:45:29
回答 2查看 224关注 0票数 1

如何在nuxt-i18n下同时并行使用以下nuxt-link:

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

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

因此,当我更改语言时,它会自动将我放入“关于”页面。

EN

回答 2

Stack Overflow用户

发布于 2021-05-09 23:12:46

您可以在链接上使用@click,如下所示

代码语言:javascript
复制
<nuxt-link :to="switchLocalePath('en')" @click="$router.push(localePath('/about'))">EN</nuxt-link>

取自以下来源:https://github.com/nuxt-community/i18n-module/issues/476#issuecomment-539451906

票数 1
EN

Stack Overflow用户

发布于 2021-05-10 00:44:12

谢谢你的建议!

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

代码语言:javascript
复制
<div @click="$router.push(localePath('/about'))">
    <nuxt-link class="text-header-bold text-middle" :to="switchLocalePath('en')">EN</nuxt-link>
</div>
票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/67459010

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档