wx.showToast 延时跳转
封面图
•
2026-01-02
•
小程序
315
0
0
0
在微信小程序中，`wx.showToast` 是用于显示一个轻量级的提示框，而 `wx.navigateTo` 或 `wx.redirectTo` 等是用于页面跳转的 API。如果你希望在 `wx.showToast` 显示之后延时跳转页面，可以通过 `setTimeout` 来实现。 ### 示例代码： ```javascript // 显示 Toast wx.showToast({ title: '操作成功', icon: 'success', duration: 2000 // Toast 显示时间 }); // 延时跳转页面（例如：2秒后跳转） setTimeout(() => { wx.navigateTo({ url: '/pages/targetPage/targetPage' }); }, 2000); ``` ### 注意事项： - `wx.showToast` 的 `duration` 属性控制的是 Toast 显示的时间，不是延时执行的间隔。 - 如果你希望在 Toast 消失后再跳转，可以使用 `setTimeout` 设置与 `duration` 相同的时间。 - 如果你希望在 Toast 显示完成后立即跳转，也可以使用 `wx.showToast` 的 `complete` 回调，但一般推荐使用 `setTimeout` 更加直观和可靠。 ### 使用 `complete` 回调（不推荐）： ```javascript wx.showToast({ title: '操作成功', icon: 'success', duration: 2000, complete: () => { wx.navigateTo({ url: '/pages/targetPage/targetPage' }); } }); ``` 虽然可以这样用，但实际中建议还是使用 `setTimeout`，因为某些情况下 `complete` 可能不会被正确触发。 --- 如果你有更具体的场景（比如跳转前需要做其他处理），欢迎继续提问！
上一篇：
wx.navigateTo 不跳转问题
下一篇：
小程序 可滚动视图区域scroll-view
标题录入，一次不能超过6条
留言
评论