这篇文章给大家介绍的内容是关于promise对象promise.all()方法在vue中如何使用?有一定的参考价值，有需要的朋友可以参考一下，希望对你有所帮助。
1、定义promise
<script type="text/javascript">// 定义一些公共的属性和方法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}</script>
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中如何使用?(纯代码)的详细内容。