uni.showToast异步
时间: 2023-10-20 12:32:12 浏览: 193
官方问答精选《八》wx.showToast()无效,分享功能真机没有效果
uni.showToast是一个异步方法,用于在uni-app中显示一个小提示框。
它的基本用法如下:
```javascript
uni.showToast({
title: '提示内容',
icon: 'success',
duration: 2000
})
```
其中,title是提示框的内容,icon是提示框的图标,可以是以下几种选项之一:'success'(成功图标)、'loading'(加载图标)、'none'(无图标)。duration是提示框的显示时间,单位是毫秒。
需要注意的是,uni.showToast是一个异步方法,它会在一个新的任务栈中执行,不会阻塞后续代码的执行。所以如果需要在toast结束后执行一些逻辑,可以使用回调函数或者Promise来处理。例如:
```javascript
uni.showToast({
title: '提示内容',
icon: 'success',
duration: 2000,
success: function () {
console.log('toast结束后执行的逻辑')
}
})
```
或者使用Promise封装:
```javascript
function showToast(title, icon, duration) {
return new Promise((resolve, reject) => {
uni.showToast({
title: title,
icon: icon,
duration: duration,
success: resolve,
fail: reject
})
})
}
showToast('提示内容', 'success', 2000).then(() => {
console.log('toast结束后执行的逻辑')
})
```
这样就可以在toast结束后执行相应的逻辑了。
阅读全文