微信小程序实现各类弹框、自定义弹框

发布时间:2024年01月16日

wx.showModal

功能介绍:常用于显示需用户操作的信息框,用户可进行确认、取消或输入内容。

常用参数介绍:

title:提示的标题:
content:提示的内容:
showCancel:是否显示取消按钮
cancelText:取消按钮的文字
confirmText:确认按钮的文字
editable:是否显示输入框
placeholderText:显示输入框时的提示文本

通过res.confirm判断是否点击确认按钮,通过res.cancel判断是否点击取消按钮,可以自定义点击后的行为。

editable默认false,为true时可以在弹框输入内容,通过res.content可以获取用户输入内容。

    wx.showModal({
      title: '标题',
      content: '显示提示内容...',
      cancelText: '取消',
      confirmText: '确认',
    })
    .then(res=>{
      if(res.confirm){
        console.log('click confirm')
      }
      if(res.cancel){
        console.log('click cancel')
      }
    })
    .catch(res=>{
      console.log('error',res)
    })

文章来源:https://blog.csdn.net/tl437002770/article/details/135635015
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。