我还在学习如何使用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
})
},