nuxtjs asyncData实现多请求

责编:menVScode 2019-05-14 16:50 阅读(585)

首先,获取动态路由参数有两种方式:

1.上下文对象对象- context,看例子:

async asyncData (context) {
   console.log(context)
}

打印 context ,其结果是一个包含query对象和params对象的对象。query对象和params对象,就是我们要获取通过不同传参方式的参数。

2. 方式二,看例子:

async asyncData ({ params, query, error, store }) {

}

参数query和params,就是我们要获取通过不同传参方式的参数。


asyncData内容实现多请求方法

data(){
    return {
        majorList: [],
        resultList :[]
    }
},
async asyncData ({ params, query, error, store }) {
    let [ res01, res02 ] = await Promise.all([
        getSearchArticleList({'articleMajorId': query.id}),
        getSearchArticleList({'searchValue': query.name})
    ])

    return {
        majorList: res01.data.data.articleList,
        resultList: res02.data.data.articleList
    }
},


标签: asyncData nuxtjs
前端交流群: MVC前端网(menvscode.com)-qq交流群:551903636

邮箱快速注册

忘记密码