微信小程序中如何实现多种弹框提示信息的详细解析?

更新于
2026-10-01 04:53:57
1阅读来源:SEO教程
  • 内容介绍
  • 文章标签
  • 相关推荐

本文共计283个文字,预计阅读时间需要2分钟。

微信小程序中如何实现多种弹框提示信息的详细解析?

一、模式窗口+delete()函数javascriptwx.showModal({ title: '', content: '是否确认删除?', success(res) { if (res.confirm) { console.log('用户点击确定'); } else if (res.cancel) { console.log('用户点击取消'); } }});

微信小程序中如何实现多种弹框提示信息的详细解析?

二、提示您想提什么建议?

一、模态窗口

delete(){ wx.showModal({ title: '', content: '是否确认删除', success(res) { if (res.confirm) { console.log('用户点击确定') } else if (res.cancel) { console.log('用户点击取消') } } }) }

二、提示你想提示的信息

提示你想提示的信息

wx.showToast({ title: '成功', icon: 'success', duration: 2000 })

注意

  • wx.showLoading 和 wx.showToast 同时只能显示一个
  • wx.showToast 应与 wx.hideToast 配对使用

三、显示 loading 提示框

wx.showLoading({ title: '加载中', }) setTimeout(function () { wx.hideLoading() }, 2000)

四、 wx.showActionSheet(OBJECT)

wx.showActionSheet({ itemList: ['A', 'B', 'C'], success: function(res) { console.log(res.tapIndex) }, fail: function(res) { console.log(res.errMsg) } })

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持易盾网络。

本文共计283个文字,预计阅读时间需要2分钟。

微信小程序中如何实现多种弹框提示信息的详细解析?

一、模式窗口+delete()函数javascriptwx.showModal({ title: '', content: '是否确认删除?', success(res) { if (res.confirm) { console.log('用户点击确定'); } else if (res.cancel) { console.log('用户点击取消'); } }});

微信小程序中如何实现多种弹框提示信息的详细解析?

二、提示您想提什么建议?

一、模态窗口

delete(){ wx.showModal({ title: '', content: '是否确认删除', success(res) { if (res.confirm) { console.log('用户点击确定') } else if (res.cancel) { console.log('用户点击取消') } } }) }

二、提示你想提示的信息

提示你想提示的信息

wx.showToast({ title: '成功', icon: 'success', duration: 2000 })

注意

  • wx.showLoading 和 wx.showToast 同时只能显示一个
  • wx.showToast 应与 wx.hideToast 配对使用

三、显示 loading 提示框

wx.showLoading({ title: '加载中', }) setTimeout(function () { wx.hideLoading() }, 2000)

四、 wx.showActionSheet(OBJECT)

wx.showActionSheet({ itemList: ['A', 'B', 'C'], success: function(res) { console.log(res.tapIndex) }, fail: function(res) { console.log(res.errMsg) } })

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持易盾网络。