Rumah >hujung hadapan web >tutorial js >Promise对象Promise.all()方法在Vue中如何使用?(纯代码)
这篇文章给大家介绍的内容是关于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中call()方法和apply()方法的用法有哪些?(附代码)
Atas ialah kandungan terperinci Promise对象Promise.all()方法在Vue中如何使用?(纯代码). Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!