这篇文章给大家介绍的内容是关于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()方法的用法有哪些?(附代码)
以上是Promise对象Promise.all()方法在Vue中如何使用?(纯代码)的详细内容。更多信息请关注PHP中文网其他相关文章！
