vue等两个接口都返回结果再执行下一步的实例


Posted in Javascript onSeptember 08, 2020

next 只能?用一次,??可以用 Promise.all 解?Q,等待????步操作都返回?果後再 next:

beforeRouteEnter (to, from, next) {
 // Promise.all ??鹊?到M?鹊 Promise 都 resolve 後才??^?跑(then)
 Promise.all([
  main._base({
   methodName: 'QueryProductInfo',
   productId: to.params.id
  }),
  main._base({
   methodName: 'QueryProductReview',
   type: '0',
   index: '0',
   count: '2',
   productId: to.params.id
  })
 ])
 .then( result => next( vm => {
  // ?绦薪Y果??凑丈厦骓?序放在 result ?到M?龋?? result[0],代表第一??函?档 resolve ?果
  vm.product = result[0].data.product
  vm.shop = result[0].data.shop

  vm.evalData = result[1].data
 }))
}

补充知识:vue 中多接口请求时 按顺序执行接口使用await async

我就废话不多说了,大家还是直接看代码吧~

async getSelectOrg () {
  console.log('----1')
  return axiosPost('/api/uum/org/orglist', {
   accessToken: localStorage.token,
   option: true}).then(response => {
   this.options_grade = []
   if (response.data.data.length > 1) {
    this.options_grade.push({
     value: '-1',
     label: '全部'
    })
    this.formInline.organization = '-1'
   } else if (response.data.data.length === 1) {
    this.formInline.organization = response.data.data[0].orgCode
   }
   for (let i = 0; i < response.data.data.length; i++) {
    let tmp = {}
    tmp.value = response.data.data[i].orgCode
    tmp.label = response.data.data[i].orgName
    this.options_grade.push(tmp)
   }
   console.log('----2')
  }).catch(err => {
   console.log(err)
  })
 },
 async getSelect () {
  await this.getSelectOrg()
  console.log('----3')
  this.searchInfo()
 }
},
mounted () {
 let that = this
 window.onresize = function () { // 定义窗口大小变更通知事件
  // _this.screenWidth = document.documentElement.clientWidth // 窗口宽度
  that.clientHeight = document.documentElement.clientHeight // 窗口高度
 }
 this.getSelect()
},

以上这篇vue等两个接口都返回结果再执行下一步的实例就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
juqery 学习之三 选择器 简单 内容
Nov 25 Javascript
js 如何实现对数据库的增删改查
Nov 23 Javascript
javascript得到当前页的来路即前一页地址的方法
Feb 18 Javascript
javascript实现浏览器窗口传递参数的方法
Sep 03 Javascript
Javascript中arguments和arguments.callee的区别浅析
Apr 24 Javascript
如何实现json数据可视化详解
Nov 24 Javascript
详解用node.js实现简单的反向代理
Jun 26 Javascript
jquery图片预览插件实现方法详解
Jul 18 jQuery
利用d3.js制作连线动画图与编辑器的方法实例
Sep 05 Javascript
详解BootStrap表单验证中重置BootStrap-select验证提示不清除的坑
Sep 17 Javascript
原生js实现下拉选项卡
Nov 27 Javascript
Vue提供的三种调试方式你知道吗
Jan 18 Vue.js
基于postman获取动态数据过程详解
Sep 08 #Javascript
解决vue请求接口第一次成功,第二次失败问题
Sep 08 #Javascript
如何区分vue中的v-show 与 v-if
Sep 08 #Javascript
谈谈JavaScript中的函数
Sep 08 #Javascript
Vue中登录验证成功后保存token,并每次请求携带并验证token操作
Sep 08 #Javascript
浅析JavaScript 函数柯里化
Sep 08 #Javascript
Vue.js使用axios动态获取response里的data数据操作
Sep 08 #Javascript
You might like
中篇:安装及配置PHP
2006/12/13 PHP
基于PHP开发中的安全防范知识详解
2013/06/06 PHP
PHP IDE PHPStorm配置支持友好Laravel代码提示方法
2015/05/12 PHP
PHP入门教程之PHP操作MySQL的方法分析
2016/09/11 PHP
PHP unlink与rmdir删除目录及目录下所有文件实例代码
2018/02/07 PHP
jquery方法+js一般方法+js面向对象方法实现拖拽效果
2012/08/30 Javascript
JavaScript 垃圾回收机制分析
2013/10/10 Javascript
基于jQuery的select下拉框选择触发事件实例分析
2016/11/18 Javascript
jQuery实现表格奇偶行显示不同背景色 就这么简单
2017/03/13 Javascript
JS中offset和匀速动画详解
2018/02/06 Javascript
如何让node运行es6模块文件及其原理详解
2018/12/11 Javascript
Angular中innerHTML标签的样式不起作用的原因解析
2019/06/18 Javascript
关于layui表单中按钮自动提交的解决方法
2019/09/09 Javascript
如何正确理解vue中的key详解
2019/11/02 Javascript
微信小程序点击生成朋友圈分享图(遇到的坑)
2020/06/17 Javascript
three.js如何实现3D动态文字效果
2021/03/03 Javascript
[00:32]2018DOTA2亚洲邀请赛Newbee出场
2018/04/03 DOTA
Python中的包和模块实例
2014/11/22 Python
django 多数据库配置教程
2018/05/30 Python
python多进程实现文件下载传输功能
2018/07/28 Python
Python Numpy库安装与基本操作示例
2019/01/08 Python
Python 限制线程的最大数量的方法(Semaphore)
2019/02/22 Python
把富文本的回车转为br标签
2019/08/09 HTML / CSS
举例详解HTML5中使用JSON格式提交表单
2015/06/16 HTML / CSS
SmartBuyGlasses美国官网:太阳眼镜和眼镜
2017/08/20 全球购物
Fox Racing官方网站:越野摩托车和山地自行车装备和服装
2019/12/23 全球购物
客户代表自我评价范例
2013/09/24 职场文书
策划助理岗位职责
2013/11/18 职场文书
小学数学教学反思
2014/02/02 职场文书
行政主管职责范本
2014/03/07 职场文书
社区道德讲堂实施方案
2014/03/21 职场文书
缓刑人员思想汇报
2014/10/11 职场文书
化验员岗位职责
2015/02/14 职场文书
售后前台接待岗位职责
2015/04/03 职场文书
教师个人师德工作总结2015
2015/05/12 职场文书
详解Mysql事务并发(脏读、不可重复读、幻读)
2022/04/29 MySQL