微信开发
微信小程序showtoast详解
时间：2024-01-10
showtoast用于弹出信息，会自动消失，可以设置弹出内容、持续时间以及icon等。
一、基础用法
|
//调用showToast接口 wx.showToast({ title: '提示的内容', //toast 显示的内容 icon: 'success', //toast的图标，模式有 success | loading | none，默认为 success duration: 2000, //toast 显示时长，单位为ms，默认值1500 mask: true //是否显示透明蒙层，防止触摸穿透，默认为false }) |
二、延迟回调
当我们想在弹出几秒之后执行其他的方法，比如跳转页面，可以使用如下代码：
|
wx.showToast({ title: "很感谢您的反馈，我们会继续提高完善", icon: "success", // 可选值：'success', 'loading', 或 'none' duration: 5000, // 持续时间，单位为毫秒，默认值为 1500 success: function () { // 显示成功后的回调函数 setTimeout(function () { _this.gotoIndex();//跳转到其他页面 }, 2000); }, fail: function () { // 显示失败后的回调函数 }, complete: function () { // 页面显示完成后的回调函数 }, }); |
值得注意的是：duration时间会经常失效，网上说是因为showLoading了，不知道是因为啥bug。所以用setTimeout来延迟，也是主流解决办法。