vue.js - Nuxt：使用多个参数进行动态路由

Question

我已经设置了一个以 'id' 作为动态参数的工作动态路由：

<nuxt-link :to="{ name: `blog-id`, params: { id: item.id }}">Link</nuxt-link>

但我更喜欢使用我的页面 slug 作为参数，并且仍然以某种方式传递 id。就像只使​​用./blog/very-awesome-slug. 我知道如何简单地使用 slug 而不是 id，但是，因为会有一个 API 调用http://my-backend/api/pages/${this.$route.params.id}，所以也需要 id。

那么我将如何设置动态路由，其中​​ slug 用于路由本身，但也传递了一个 id 来调用 API？

标签： vue.jsnuxt.js