欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

vue两个异步方法顺序执行

程序员文章站 2022-07-15 14:56:17
...

需求:两个异步函数按顺序执行,首先获取第一个异步函数的返回的值,接着在第二个异步函数里面调用

方法:先在第一个异步函数里返回一个promise,接着用async和await调用它

第一个异步方法:

getAllNotice() {
				let data = {
					"searchParams": [{
						"fieldName": "equipmentId",
						"operate": "eq",
						"value": "000000"
					}],
					"size": -1
				}
				return new Promise((resolve) => {
					API.getNotice(data).then(res => {
						console.log(res)
						if (res.data.code == "200") {
							this.noticeList = res.data.data.list
							console.log(this.noticeList)
							resolve();
							return
						} else {
							uni.showToast({
								title: res.data.message,
								duration: 1000,
								icon: "none"
							})
						}
					})
				})
				
			},

第二个异步方法:

//获得当前的公告列表
			getNowNotice(){
				//获取当前时间戳
				var timestamp = (new Date()).getTime();
				var _this = this
				console.log(timestamp);
				//将noticeList的结束时间转换成时间戳
				for(var i=0; i<this.noticeList.length; i++){
					var endTimeStamp = TIME.TimeToTimeStamp(this.noticeList[i].endTime)
					console.log(endTimeStamp)
					if(endTimeStamp>timestamp){
						_this.noticeNewList.push(this.noticeList[i])
					}
				}
				console.log("noticeNewList",_this.noticeNewList)
			}

用async和await

async onLoad(option) {
			await this.getAllNotice()
			await this.getNowNotice()
		},