微信小程序弹窗（提示框和确认框）

最新推荐文章于 2025-04-14 18:25:12 发布

Mybabyying

最新推荐文章于 2025-04-14 18:25:12 发布

阅读量2.2w

点赞数 9

分类专栏：小程序

本文链接：https://blog.csdn.net/Mybabyying/article/details/106301249

版权

小程序专栏收录该内容

15 篇文章

订阅专栏

本文详细介绍了微信小程序中如何使用提示框和确认框。针对提示框，讲解了其关键属性，并提供了具体的代码实现。同样，对于确认框，也展示了详细的代码实现，帮助开发者更好地在小程序中实现交互反馈。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

提示框

在这里插入图片描述
wx.showToast：微信小程序官方文档

关键属性

在这里插入图片描述

代码实现

<button bindtap="butt" >保存</button>

butt(){
	wx.showToast({
      title: '保存成功',
      icon: 'none',
      duration: 1500,
      success: function () {
       //弹窗后执行，可以省略
	   setTimeout(function () {
	      wx.reLaunch({
	       url: '../index/index',
	          })
	        }, 1500);
        }
      })
}

确认框

在这里插入图片描述
wx.showModal：微信小程序官方文档

代码实现

<button bindtap="delete" >删除</button>

delete(){
	wx.showModal({
	  title: '提示',
	  content: '这是一个模态弹窗',
	  success (res) {
	    if (res.confirm) {
	      console.log('用户点击确定')
	    } else if (res.cancel) {
	      console.log('用户点击取消')
	    }
	  }
	})
}