Nuxtjs router go，路由_slug

Question

我是nuxtjs的新手。我有以下结构：

pages/
--| items/
-----| /info
---------| _slug.vue

我有一条路线'website/items/info/39dj83'。

其中“39dj83”是一个动态变量，我从 API 获得。

如何将用户重定向到该路由？

我正在尝试这样的事情：

this.$router.push({name : 'items-info-slug', ???});

如何发送 slug“39dj83”？

我的结构正确吗？

另外，我怎样才能在我的 slug.vue 组件中得到这个 slug '39dj83'？

Answer 1

由于您使用了从 API 获得的数据；您的结构应如下所示：

页数/

--|项目

-----|信息

----------| _slug

----------------| index.vue

_slug 是一个文件夹，index.vue 包含您之前在_slug.vue 中放入的模板、脚本和样式。

做重定向：

methods: {
goToSlugItem() {
    //not sure, it depends on your code
    this.$router.push("/items/info/_${item.slug}") 
  }
}

抱歉我的英语不好，希望对您有所帮助。

Answer 2

this.$router.push({name : 'items-info-slug',params: { slug: '39dj83' }});

在您的 _slug.vue 中，您可以通过参数访问它。例如。

fetch({params}) {
  console.log(params.slug)
}

Nuxtjs router go, routing _slug