vue.js - 路由器使用 nuxt-i18n 在 nuxt 中推送区域设置路由

Question

我使用 nuxt-i18n 在我的应用程序中实现国际化。我有一个新闻列表，它给了我这样的路线：

myapp.com/news (default language English)
myapp.com/fr/news
myapp.com/it/news

当我点击一条新闻时，我想到达第 _id 页面，只获取我点击的新闻。所以我在一个方法（onclick）中做到了这一点：

onLoadNews(id) {this.$router.push("/news/" + id);}

但这样我总是回到英语默认语言。如何以这种方式推送语言环境路由（在方法的函数中）？

标签： vue.jsvue-routernuxt.js

Answer 1

this.$router.push(this.localePath({ name: "news-id", params: { id } }));

这对我有用，因为我有一个“新闻”文件夹，并且在两个 vue 页面内有 index.vue 和 _id.vue。