小程序模板:专业的小程序模板与静态模板分享平台
小程序
教程
搜索
当前位置 : 首页> 小程序教程> 微信小程序使用 toast消息提示框

微信小程序使用 toast消息提示框

在微信小程序中,可以使用 wx.showToast 方法来展示一个toast消息提示框。

// 在需要展示toast的地方调用该方法
wx.showToast({
  title: '操作成功',
  icon: 'success',
  duration: 2000
});

在以上代码示例中,使用 wx.showToast 方法展示一个toast提示框,其中的参数说明如下:

  • title:字符串,提示的内容。

  • icon:字符串,显示的图标,可选值有 successloadingnone,默认为 success

  • duration:数字,提示的延迟时间,单位为毫秒,默认为 1500。

可以根据实际需要设置 titleicon 和 duration 的值。需要注意的是,showToast 方法只能同时展示一个toast,如果需要展示多个toast,可以通过在回调函数中递归调用来实现。

同时,如果需要在toast提示框消失后执行相关操作,可以通过设置 complete 回调函数来处理,示例如下:

wx.showToast({
  title: '操作成功',
  icon: 'success',
  duration: 2000,
  complete: function() {
    // 在toast消失后执行的操作
    console.log('toast提示框消失了');
  }
});

以上示例展示了如何在toast提示框消失后输出一条日志信息,可以根据需要在 complete 回调函数中进行相关操作。

联系客服 意见反馈

签到成功!

已连续签到1天,签到3天将获得积分VIP1天

知道了