Vue.js nuxt i18n路由不适用于子页

我已经更改了我的应用程序，使其与nuxt i18n一起工作，并且当我直接访问路由时，翻译似乎可以工作

例如。http://localhost:3000/fr/step/1

我的应用程序中有以下结构，每个步骤都是一个页面，其中包含不同的组件

我的nuxt配置：

在文档中，它说我需要为我的nuxt链接添加localePath，以使其与i18n插件一起工作。

例如：

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

现在我有两个问题：

如何使用localePath以编程方式导航到路线？例如，这个.localePath'step/2'不起作用。它总是重定向到frontpage。 为什么它不能与模板中的普通链接一起工作？我已经测试过这个：Foo，但它也不起作用。当我尝试像：Foo这样的东西时，它会起作用，因为成功页面位于第一级。

---

似乎在路由或我处理子页面的方式上有问题。有人能帮我吗？

好的，我想我找到了解决问题的方法，但我不确定这是否是正确的方法：

要使用当前区域设置切换路线，我可以这样做：

this.$router.push({ path: this.localePath({ path: `step/${this.currentStep + 1}` }) });

在其使用的模板中：

<nuxt-link
  :to="localePath({ path: `step/${currentStep + 1}` })">
  Next step
</nuxt-link>

---

好的，我想我找到了解决问题的方法，但我不确定这是否是正确的方法：

要使用当前区域设置切换路线，我可以这样做：

this.$router.push({ path: this.localePath({ path: `step/${this.currentStep + 1}` }) });

在其使用的模板中：

<nuxt-link
  :to="localePath({ path: `step/${currentStep + 1}` })">
  Next step
</nuxt-link>

---

下面是我的工作。我有这样一个Nuxt页面结构

/pages/settings/car-form.vue

这是指向此子页面的Nuxt链接，该子页面具有工作localePath。请注意路径下面缺少的斜杠

汽车模型 作为：您必须链接到Nuxt路由名称。道路上的斜线变成了破折号。请参见上的routes数组

---

您可以在Nuxt生成的.Nuxt/routes.json-文件中查找项目的Nuxt路由的名称。它们的名称属性中添加了_en（英语）或_de（德语）后缀，您可以找到自己的路线。将上面的localePath指向该名称，而不使用_en后缀，如上面的示例所示。

下面的方法对我有效。我有这样一个Nuxt页面结构

/pages/settings/car-form.vue

这是指向此子页面的Nuxt链接，该子页面具有工作localePath。请注意路径下面缺少的斜杠

汽车模型 作为：您必须链接到Nuxt路由名称。道路上的斜线变成了破折号。请参见上的routes数组

---

您可以在Nuxt生成的.Nuxt/routes.json-文件中查找项目的Nuxt路由的名称。它们的名称属性中添加了_en（英语）或_de（德语）后缀，您可以找到自己的路线。将上面的localePath指向该名称，而不使用_en后缀，如上面的示例所示。

我可以根据这一点很好地工作，但这不是nuxt自动处理的东西吗？在本例中，每页始终有一个副本。此外，i18n作为插件而不是nuxt模块加载。链接也不同，例如，我可以根据这一点很好地工作，但这不是nuxt自动处理的东西吗？在本例中，每页始终有一个副本。此外，i18n作为插件而不是nuxt模块加载。链接也是不同的，例如帮助alot寻找一种方法来翻译嵌套路由。nuxt/routes.json成功了，谢天谢地，很多人都在寻找一种方法来翻译嵌套的路由。nuxt/routes.json成功了，谢谢