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

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

image.png
请求接口数据:

image.png
代码:



职务信息




新增

刷新












{ { parseTime(scope.row.dtStartDate, '{y}-{m}-{d}') }}




{ { parseTime(scope.row.dtEndDate, '{y}-{m}-{d}') }}












两代一委员




新增

刷新












{ { parseTime(scope.row.dtStartDate, '{y}-{m}-{d}') }}




{ { parseTime(scope.row.dtEndDate, '{y}-{m}-{d}') }}

















保 存











选择







































保 存




代码解释: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方法
},

相关文章
|
2天前
|
JavaScript API
vue组合式和选项式
vue组合式和选项式
3 2
|
4天前
|
JavaScript 程序员 网络架构
vue路由从入门到进阶 --- 声明式导航详细教程
vue路由从入门到进阶 --- 声明式导航详细教程
vue路由从入门到进阶 --- 声明式导航详细教程
|
4天前
|
资源调度 JavaScript UED
vue路由的基础知识总结,vueRouter插件的安装与使用
vue路由的基础知识总结,vueRouter插件的安装与使用
|
4天前
|
JavaScript
|
5天前
|
JavaScript 前端开发 安全
Vue响应式设计
【5月更文挑战第30天】Vue响应式设计
25 1
|
5天前
|
编解码 JavaScript API
Vue在移动端的表现如何?
【5月更文挑战第30天】Vue在移动端的表现如何?
12 2
|
5天前
|
JavaScript 前端开发 API
Vue与其他框架的对比优势
【5月更文挑战第30天】Vue与其他框架的对比优势
11 1
|
5天前
|
JavaScript
Vue常用知识点总结
Vue常用知识点总结
13 0
|
6天前
|
JavaScript Java 测试技术
基于vue和微信小程序的校园自助打印系统+springboot+vue.js附带文章和源代码设计说明文档ppt
基于vue和微信小程序的校园自助打印系统+springboot+vue.js附带文章和源代码设计说明文档ppt
26 7
|
6天前
|
JSON JavaScript 前端开发