两种传参方法
1.nuxt
<nuxt-link :to="{path: item.link,query:{id:item.value}}">{{ item.text }}</nuxt-link>
nuxt-link 细分两种 to name 或path
若目录为
name 时 路径为 pages-product-a 中间为横杠
<nuxt-link :to="{name: 'product-a',params:{ id: post.id }}">title</nuxt-link>
path 时 路径为 pages/product/a
<nuxt-link :to="{ path: '/product/a', query: { id: post.id }}">title</nuxt-link>
参数接收
name 时 :
data: function() {
return {
id:this.$route.params.id,
};
},
path 时:
data() {
return {
id: this.$route.query.id
};
},
2.js内
this.$router.push({path:'./blog',query:{id:'1'}})
另:下边代码也实现了asyncData内多请求并发 ,实测 好使!!
async asyncData({ query }) {
let [request1Data, request2Data] = await Promise.all([
axios.get('/api/query/list?categoryId='+query.wawid),
axios.get('/api/query/data?categoryId='+query.wawid+'&language=1')
])
// console.log(request1Data.data);
return {
data1: request1Data.data.data,
data2: request2Data.data.data,
}
},