uniapp showToast一闪而过的问题

uniapp showToast一闪而过问题

---

原因

如果在页面跳转等操作前执行showToast，则showToast不会完整显示，如以下代码所示：

yourMethod() {
    uni.showToast({
        title: 'yourTitle',
        duration: 2000
    })	
    uni.navigateBack()
}

在代码中虽然给了showToast 2000ms的显示时间，但是由于navigateBack的执行，页面发生跳转使得showToast很快就消失。

---

解决方法

可以使用setTimeout延后navigateBack的执行，保证showToast显示完整：

yourMethod() {
    uni.showToast({
	title: 'yourTitle',
	duration: 2000,
	success: () => {
	    setTimeout(() => {
		uni.navigateBack()
	    }, 2000)
	}
    })
}