这个问题可以在getDate方法里在调用另外一个接口的函数。

vue里html

:value="today"

:placeholder="placeholder"

v-on:selected="getData"

>

scirpt

getStarDate(date){

console.log(date)

this.date = date.replace(/\//g, ‘‘)

api.getOrderStarsList(this.date)

.then(res => {

console.log(res.data)

if (res.data.ok) {

this.startList = res.data.r

}

}).catch(err => {

alert(err)

})

},

getData(date) {

this.date = date.replace(/\//g, ‘‘)

api.getOrderList(this.date,this.userId,this.userPhone,this.currentPage)

.then(res => {

console.log(res.data)

if (res.data.ok) {

…                    }

}).catch(err => {

// alert(err)

})

this.getStarDate(date)

},

原文:http://www.cnblogs.com/wendy-home-5678/p/6780735.html

vue 请求多个api_vue 一个input同时请求两个接口相关推荐

  1. Java两同_java:一个类实现的两个接口里都有同一个方法(名),怎么处理?

    不一定,关键要看子类是否是抽象类. 如果子类是非抽象类,则必须实现接口中的所有方法: 如果子类是抽象类,则可以不实现接口中的所有方法,因为抽象类中允许有抽象方法的存在! 1.抽象类定义 抽象类往往用来 ...

  2. axios取消请求,取消前面一个或多个请求

    有时候我们常常在发起一个请求时,希望取消前面的一个或多个请求,就要使用axios的一个方法CancelToken(), 配置方法如下. 在拦截器全局设置,用来取消所有请求: import axios ...

  3. vue 一个页面有点请求需要同时发送_前端性能优化,这些你都需要知道

    来源: 海洋里的魔鬼鱼 前言 最近花了一些时间在项目的性能优化上,背后做了很多工作,但是最后依然没有达到自己想要的结果,有些失望,但是还是记录下自己的执着. 性能优化总结:减少请求次数.减小资源大小. ...

  4. vue请求拦截 给所有的api接口的请求 params 带上一个存储的值及qs的安装

    vue请求拦截 给所有的api接口的请求 params 带上一个存储的值: Vue.prototype.$http = axios; // 设置请求拦截器,为请求对象添加token,这是后续权限api ...

  5. jquery 文件上传 触发两次_点击三次input按钮,前两次不选择任何文件,第三次选择一个文件,结果上传了3个文件,即发生了三次请求...

    点击三次input按钮,前两次不选择任何文件,第三次选择一个文件,结果页面上出现了3个文件,也就是上传了3个文件 我点击input,不选择任何文件,然后取消文件选择器的窗口,然后第二次次点击input ...

  6. vue 获取url地址的参数_Vue 网络请求框架 axios 使用教程

    点击上方"代码集中营",设为星标 优秀文章,第一时间送达! 前期回顾 1. Vue 学习入门指南 2. Vue 入门环境搭建 3. Visual Studio Code 使用指南 ...

  7. Spring Boot + Vue 前后端分离开发,前端网络请求封装与配置

    前端网络访问,主流方案就是 Ajax,Vue 也不例外,在 Vue2.0 之前,网络访问较多的采用 vue-resources,Vue2.0 之后,官方不再建议使用 vue-resources ,这个 ...

  8. VUE+ECHARTS结合使用制作一个图标页面

    最近比较跳跃,mybatis 想看但是实在没有实际案例看着看着就睡着了. 做了点前端的东西,在已经写好一个项目中新增一个展示界面.我去做的是前段,负责将数据给显示出来. 首先介绍一下这个前端是一年内的 ...

  9. vue如何通过键盘方向键切换input焦点

    功能介绍 vue方向键插件,适合键盘的快捷键操作,通过键盘在input间切换,应用在后台系统开单,财务等等的快速输入和保存上,使用简单,配置方便 使用方法 安装 npm install --save ...

最新文章

  1. wxWidgets:wxDCClipper类用法
  2. JS —— 存取器属性get()和set()
  3. 如何处理几十万条并发数据_Swoole 如何处理高并发以及异步 I/O 的实现
  4. 阿拉伯语排版设计_针对说阿拉伯语的用户的测试和设计
  5. POJ3734-Blocks【EGF】
  6. 总奖金高达180万元 蚂蚁金服启动区块链创新大赛
  7. php+js 表单过期
  8. c#使用椭圆签名算法制作软件序列号
  9. 【Hadoop】Hadoop生态圈基本组件介绍
  10. android 程序开发的插件化
  11. iview表单校验上传图片成功后,提示文字不消失
  12. Windows 10自动更新存在严重缺陷 强制升级搞坏用户硬盘!
  13. 初级程序员如何写项目周报和月报
  14. Linux nohup命令详解
  15. C++实现NV12格式转BGR
  16. 软件安装包制作工具installshield 2020 R1的安装教程
  17. oracle 恢复dmp数据,Oracle数据库使用DMP文件恢复数据
  18. GCF(3)---GCF简介
  19. MySQL 8.0 新特性之哈希连接(Hash Join)
  20. 激扬巾帼风采,谱写美丽人生

热门文章

  1. 释疑のCONTEXTS
  2. 阿里、小米、美团或将入恒指,但这还远远不够!
  3. data后缀文件解码_WMA文件格式和解码流程 | 学步园
  4. tia v15 添加项目_西门子S7-1500plc与S7-300plcPN/IO设备通信-创建项目
  5. pypypy python_聊聊Python中的pypy
  6. linux怎么使用cal命令,Linux cal命令
  7. Python函数的正确用法及其注意事项
  8. Python自动发送邮件-smtplib和email库
  9. C语言字符串拼接函数:strcat()
  10. python matplotlab.pyplot.grid() 函数