Promise对象Promise.all()方法在Vue中如何使用?(纯代码)

这篇文章给大家介绍的内容是关于promise对象promise.all()方法在vue中如何使用?有一定的参考价值，有需要的朋友可以参考一下，希望对你有所帮助。

1、定义promise

// 定义一些公共的属性和方法const httpUrl = 'http://39.105.17.99:8080/'function promiseFun (url, params) {  return new Promise((resolve, reject) => {    this.$http.post(this.globalHttpUrl + url, params).then(      (res) => {        resolve(res.json())      },      (err) => {        reject(err.json())      }    )  })}var p1 = Promise.resolve(1)var p2 = Promise.resolve(2)var p3 = Promise.resolve(3)Promise.all([promiseFun, p1, p2, p3]).then((res) => {  console.log(res, 'promise all 方法')})// 暴露出这些属性和方法export default {  httpUrl,  promiseFun}

登录后复制

2、在组件中使用

methods: {    loginInFun () {      localStorage.setItem('userId', '00001')      let params = {        telphone: this.username,        password: this.password      }      let pro1 = this.promiseFun('itArtison/user/login', params)      let pro2 = this.promiseFun('itArtisOn/user/register', params1)            // 使用 Promise.all()      Promise.all([pro1, pro2]).then(          (res) => {              console.log(res);          }      ).catch(          (err) => {              console.log(err)          }      )

登录后复制

相关文章推荐:

Javascript中BOM对象的用法

立即学习“前端免费学习笔记（深入）”；

Javascript中call()方法和apply()方法的用法有哪些?(附代码)

以上就是Promise对象Promise.all()方法在Vue中如何使用?(纯代码)的详细内容，更多请关注【创想鸟】其它相关文章！