Routing Nuxtjs路由器开始,路由_slug
我是nuxtjs的新手。 我的结构如下: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组件中获取此
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)
}