Waiting 等待
与 Dialog 弹窗 相同,Waiting 组件使用 Promise
进行异步事件监听,调用 show
方法会返回一个 Promise
实例,若由开发者使用 hide
方法取消动画蒙层,则代表异步操作已完成,该实例将变为 resolve
状态,若用户主动取消了动画蒙层,则表示异步操作被提前终止,该实例将变为 reject
状态,可以使用 catch
方法对用户主动取消行为进行处理。
Waiting Snippets
基本用法
this.$waiting.show('Flyme UI').catch(() => {
console.log('用户取消');
});
不可取消
若希望等待动画无法被用户主动取消,则可以传入 false
作为第二个参数,只有使用 hide
方法才能将异步操作标记为 resolve
状态:
this.$waiting.show('Flyme UI', false).then(() => {
console.log('hide 方法被调用');
});
setTimeout(() => {
this.$waiting.hide();
}, 1000);
Waiting Methods
方法名称 |
描述 |
show |
显示等待动画 |
hide |
隐藏等待动画 |
Waiting Params
Show 显示动画
参数名称 |
描述 |
类型 |
默认值 |
可选值 |
text |
等待动画提示文本 |
String |
-- |
-- |
cancelable |
用户是否能主动取消 |
Boolean |
true |
true, false |
Waiting Returns
Show 显示动画
返回值名称 |
描述 |
类型 |
promise |
Promise 对象的实例,resolve 状态为程序取消,reject 状态为用户取消 |
Object |