Nuxtjs 路由器去，路由_slug答案

【问题标题】：Nuxtjs router go, routing _slugNuxtjs 路由器去，路由_slug
【发布时间】：2019-01-15 18:41:13
【问题描述】：

我是 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'？

【问题讨论】：

【解决方案1】：

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

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

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

【讨论】：

【解决方案2】：

因为您使用从 API 获得的数据；你的结构应该是这样的：

页数/

--|项目

-----|信息

---------| _蛞蝓

--------------|索引.vue

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

做重定向：

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

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

【讨论】：