uniapp里面执行完某一个操作以后刷新页面

await uni.showToast({
	duration: 2000,
	title: '兑换成功',
	icon: 'success'
})
setTimeout(function() {
	uni.reLaunch({
		url: './prize'
	});
}, 2000);

这个代码的主要功能是显示一个提示消息，然后在2秒钟后重新加载一个页面。我们来详细解释一下每一部分：

1. 显示提示消息：

   await uni.showToast({
       duration: 2000,
       title: '兑换成功',
       icon: 'success'
   });
   

   • uni.showToast 是一个用于显示消息提示框的函数。
   • duration: 2000 表示消息提示框显示的时间为2000毫秒（即2秒钟）。
   • title: '兑换成功' 指定了提示框的标题内容为“兑换成功”。
   • icon: 'success' 指定了提示框的图标为“成功”图标。

   await 关键字用于等待 uni.showToast 完成，确保提示消息显示完全。

2. 重新加载页面：

   setTimeout(function() {
       uni.reLaunch({
           url: './prize'
       });
   }, 2000);
   

   • setTimeout 是一个 JavaScript 函数，用于在指定的时间后执行某个函数。
   • 第一个参数是一个匿名函数 function() { uni.reLaunch({ url: './prize' }); }，这个函数将在2秒钟后执行。
   • 2000 表示延迟时间为2000毫秒（即2秒钟）。
   • uni.reLaunch 是一个用于关闭所有页面，打开到应用内的某个页面并且重新加载的函数。
   • url: './prize' 指定了要重新加载的页面路径为 ./prize。

示例

假设我们有一个积分兑换系统，当用户成功兑换积分后，我们希望提示用户“兑换成功”，并且重新加载积分兑换页面以刷新数据。

async function handleExchange() {
    try {
        // 假设这个函数用于处理积分兑换逻辑
        await exchangePoints();
        
        // 显示成功提示
        await uni.showToast({
            duration: 2000,
            title: '兑换成功',
            icon: 'success'
        });
        
        // 2秒后重新加载页面
        setTimeout(function() {
            uni.reLaunch({
                url: './pointsExchange'
            });
        }, 2000);
    } catch (error) {
        // 处理错误情况
        await uni.showToast({
            duration: 2000,
            title: '兑换失败',
            icon: 'none'
        });
    }
}

在这个示例中，handleExchange 函数首先尝试兑换积分（假设 exchangePoints 是处理积分兑换的逻辑函数）。如果兑换成功，则显示“兑换成功”的提示消息，并在2秒钟后重新加载积分兑换页面。如果兑换失败，则显示“兑换失败”的提示消息。