uniapp先显示提示消息再返回上一页

原创已于 2024-03-25 23:39:06 修改 · 1.4k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#uni-app #前端 #javascript

于 2024-03-25 23:38:53 首次发布

本文介绍了一种在特定业务场景中，利用uni-app的`uni.showToast`函数显示提示消息，随后通过定时器在2秒后调用`uni.navigateBack`返回上一页的方法，确保操作顺序和用户体验。

一、描述

在有些业务场景中，需要先弹出提示后，再返回上一页。

二、思路

使用定时器，先弹出提示消息，然后开个定时器俩秒后再执行，返回上一页的操作，并且清除定时器。

三、实现

uni.showToast({
              title: '重置成功',
              	//将值设置为 success 或者直接不用写icon这个参数
              	icon: 'success',
              	//显示持续时间为 2秒
              	duration: 2000
            })
            var timer = setInterval(()=> {
              uni.navigateBack()
              clearInterval(timer)
            },2000)