如何使用nuxt-link和i8n導航子頁面？

Question

我顯然可以像這樣調用簡單的頁面： <nuxt-link :to="localePath('about')"> = http://127.0.0.1:3000/about-us

但是調用<nuxt-link :to="localePath('addItem/food')">將我帶回root。 當我在addItem頁面上時， <nuxt-link :to="localePath('food')">也是如此。 （ 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')">