Routing Nuxtjs路由器开始,路由_slug

Routing Nuxtjs路由器开始,路由_slug,routing,vue-router,nuxt.js,Routing,Vue Router,Nuxt.js,我是nuxtjs的新手。 我的结构如下: pages/ --| items/ -----| /info ---------| _slug.vue 我有一个路线“网站/项目/信息/39dj83” 其中'39dj83'是一个动态变量,我从API获得 如何将用户重定向到该路由 我正在尝试这样的事情: this.$router.push({name : 'items-info-slug', ???}); 我怎样才能发送slug'39dj83' 我的结构正确吗 另外,如何在slug.vue组件中获取此

我是nuxtjs的新手。 我的结构如下:

pages/
--| items/
-----| /info
---------| _slug.vue
我有一个路线“网站/项目/信息/39dj83”

其中'39dj83'是一个动态变量,我从API获得

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

我正在尝试这样的事情:

this.$router.push({name : 'items-info-slug', ???});
我怎样才能发送slug'39dj83'

我的结构正确吗


另外,如何在slug.vue组件中获取此slug“39dj83”?

因为您使用的是从API获得的数据;您的结构应该如下所示:

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

--|项目

-----|信息

---------|_鼻涕虫

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

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

要执行重定向,请执行以下操作:

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

对不起,我的英语不好,希望有帮助。

因为您使用的是从API获得的数据;您的结构应该如下所示:

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

--|项目

-----|信息

---------|_鼻涕虫

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

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

要执行重定向,请执行以下操作:

methods: {
goToSlugItem() {
    //not sure, it depends on your code
    this.$router.push("/items/info/_${item.slug}") 
  }
} 
对不起,我的英语不好,希望对你有帮助

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

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

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

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

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