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);}

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

Answer 1

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

这对我有用，因为我有一个文件夹“news”，在两个 vue 页面中有 index.vue 和 _id.vue。