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)
	}
    })
}