路由器使用nuxt-i18n在nuxt中推送语言环境路由

yoa*_*azz 4 vue.js vue-router nuxt.js

我使用nuxt-i18n在我的应用程序中获得国际化。我有一条新闻清单,列出了这样的路线:

myapp.com/news (default language english)
myapp.com/fr/news
myapp.com/it/news
Run Code Online (Sandbox Code Playgroud)

当我单击新闻时,我想访问_id页,以便仅获取我单击的新闻。所以我这样做的方法(onclick):

onLoadNews(id) {this.$router.push("/news/" + id);}
Run Code Online (Sandbox Code Playgroud)

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

yoa*_*azz 6

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

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