vue多个等待几秒再执行,可以用await加setTimeout实现

用的vue,刚开始一直想只用setTimeout

//错误示意
liucheng(){
    var _this = this;
    _this.active = 'flipped';
	setTimeout(
		_this.active = '';
	, 2000)
	setTimeout(
		_this.active = 'flipped';
	, 2000)
},

上面这样连续两个,第一个setTimeout不执行
所以后面用async+await(里面setTimeout)就可以了
因为要等await返回结果才往下面执行

//正确示意
async liucheng(){
    var _this = this;
    _this.active = 'flipped';
    await new Promise(res => setTimeout(res, 2000))  //等待后执行,1000为1秒
    _this.active = '';
    await new Promise(res => setTimeout(res, 2000))  //等待后执行,1000为1秒
    _this.active = 'flipped';
}
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值