我仍在学习如何使用 NuxtJS,我在这里看到了那里的文档:https://nuxtjs.org/guide/routing#unknown-dynamic-nested-routes,如果您在名为"_.vue"的页面文件夹中添加文件,如果在页面文件夹中没有指定路径,则是一种捕获。
这工作得很好,但是我现在需要做的是能够将参数传递给该文件。我目前正在做我试图在pages/_slug/index.vue中复制的事情,即:
asyncData ({ params }) {
return axios.get(`https://example.com/wp-json/wp/v2/pages?slug=${params.slug}`)
.then((res) => {
return {
page: res.data[0]
}
})
.catch(error => {
console.log(error)
this.errored = true
})
},
由于它位于"_slug"文件夹中,我可以将 params.slug 传递给它,并且效果很好。但是我现在正在尝试在 _.vue 文件中捕获所有内容,但不确定在此文件中获取 slug 参数的最佳方法。我尝试只是将该功能添加到该文件中,但它不起作用。
有没有办法将 slug 参数传递给 NuxtJS 中的 _.vue 文件?
使用 param.pathMatch:
asyncData ({ params }) {
return axios.get(`https://example.com/wp-json/wp/v2/pages?slug=${params.pathMatch}`)
.then((res) => {
return {
page: res.data[0]
}
})
.catch(error => {
console.log(error)
this.errored = true
})
},