之前项目中一直是用promise来解决,vue项目中的axios其实也是返回的Promise对象,async其实算是Generator的语法糖,这次我们不讲Promise 和Generator,因为对async一直理解不是很透彻,拿一个项目中的实例改造下async:
()
其中当父组件点击提交按钮时,会分别请求三个接口
index.vue
父组件点击提交触发子组件submit事件
submitAll() {
this.$refs.baseInfo.submit()
/*if (this.buyer_info) {
this.$refs.businessInfo.submit()
this.$refs.chainInfo.submit()
this.$router.go(-1)
}*/
},
baseInfo.vue
*提交第一个子组件信息*
submit() {
this.$refs['baseForm'].validate((valid) => {
if (valid) {
this.handleParams()
axios.post('/v2/buyer/createBuyerInfo',this.baseForm).then(res =>{
if(res.data.code == 1) {
this.$emit('isOK',true)
} else {
this.$message({
sh