微信小程序-弹出对话框

本文介绍了微信小程序中对话框的使用,作为界面交互的一种方式。详细讲解了如何通过调用`wx.showModal`实现弹窗,并展示了如何将信息传递到弹出的对话框界面,提供了官方使用示例及代码参考。
摘要由CSDN通过智能技术生成

什么是对话框

对话框是微信小程序的,界面交互的一种方式,其他的还有toast等。

https://developers.weixin.qq.com/miniprogram/dev/api/ui/interaction/wx.showModal.html

怎么使用

下面是一个官方的使用方式,用触发时间来触发即可

<view>
<button bindtap="showWindows" class="showWindows">弹窗</button>
</view>
showWindows: function() {
wx.showModal({
  title: '提示',
  content: '这是一个模态弹窗',
  success (res) {
    if (res.confirm) {
      console.log('用户点击确定')
    } else if (res.cancel) {
      console.log('用户点击取消')
    }
  }
})
}

如何把信息传到弹出界面

在wxml文件里面 { {data.showWindows.Content}} 把内容传上去即可


<view>
  <button bindtap="bindV
  • 1
    点赞
  • 8
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值