vue页面加载时同时请求两个接口

vue页面加载时同时请求两个接口_第1张图片

 请求接口数据:

vue页面加载时同时请求两个接口_第2张图片

代码:





代码解释:listJobinformation 为请求的后台接口 。

this.queryParams2.ctIdP = this.bussId

this.queryParams2.ctType = '02'; 为请求后台接口时 /XXX/XXX/list 为此接口传递过滤数据的参数值

js脚本

// 查询党员信息- 职务信息(01)、两代一委员(02)列表
export function listJobinformation(query) {
  return request({
    url: '/XXX/XXX/list',
    method: 'get',
    params: query
  })
}

说明:

知识点:

created:在模板渲染成

html前调用,即通常初始化某些属性值,然后再渲染成视图。

created() {
  //原始列表使用,直接删除mounted方法即可
  this.getList(),
    this.getDeputationAndCommitteeList()
  //框架内使用 mounted方法
},




                    
                    

你可能感兴趣的:(vue,vue.js,node.js,javascript)