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

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)
    })

相关推荐

  1. 程序实现各类定义

    2024-01-17 15:24:03       64 阅读

最近更新

  1. docker php8.1+nginx base 镜像 dockerfile 配置

    2024-01-17 15:24:03       94 阅读
  2. Could not load dynamic library ‘cudart64_100.dll‘

    2024-01-17 15:24:03       100 阅读
  3. 在Django里面运行非项目文件

    2024-01-17 15:24:03       82 阅读
  4. Python语言-面向对象

    2024-01-17 15:24:03       91 阅读

热门阅读

  1. 2024秋招,顺丰科技测试开发工程师一面

    2024-01-17 15:24:03       53 阅读
  2. 2024.1.15 Spark 阶段原理,八股,面试题

    2024-01-17 15:24:03       31 阅读
  3. vue3-条件渲染

    2024-01-17 15:24:03       42 阅读
  4. 用Python做数据分析之数据表清洗

    2024-01-17 15:24:03       43 阅读
  5. Hudi metadata table(元数据表)

    2024-01-17 15:24:03       45 阅读
  6. CSS笔记III

    2024-01-17 15:24:03       41 阅读
  7. 如何制作一份成功的广告牌制作标书评审

    2024-01-17 15:24:03       52 阅读