javascript - 如何使用 nuxt-link 和 i8n 导航子页面？

Question

我显然可以像这样调用简单的页面: <nuxt-link :to="localePath('about')"> =http://127.0.0.1:3000/about-us

但是打电话<nuxt-link :to="localePath('addItem/food')">让我回到root。 <nuxt-link :to="localePath('food')">也是如此当我在 addItem 页面上时。 (http://127.0.0.1:3000/)

如果我简单地输入 <nuxt-link :to="localePath('addItem')">我被带到了 addItem/index，但这是唯一有效的。

如何正确导航到 addItem/food？

页数:

pages: {
        'addItem/index': {
          en: '/add-item',
          fr: '/ajout-item',
        },
        'addItem/food': {
          en: '/add-item/food',
          fr: '/ajout-item/alimentation',
        },
        'addItem/pharma': {
          en: '/add-item/pharmaceuticals',
          fr: '/ajout-item/medicaments',
        },
        about: {
          en: '/about-us', // -> accessible at /about-us (no prefix since it's the default locale)
          fr: '/a-propos', // -> accessible at /fr/a-propos
        }
      },

如果我直接输入网址，它就可以工作。

如何让 nuxt-link/localePath 正确打印链接？

Answer 1

我也遇到了同样的问题。经过一些研究并深入查看“.nuxt”文件夹内生成的 router.js 后，您可以在函数“createRouter()”中看到生成的路由。您可以看到，每条路线的名称都包含路径。但在本例中，路径只是通过连字符链接。

对于您的示例，这应该按如下方式工作: <nuxt-link :to="localePath('addItem-food')">