学习笔记：my.confirm

my.confirm

作用

弹出一个确认框，确认框包含标题、内容、按钮；
其中按钮包含确认和取消，根据点击的按钮类型，在成功函数内我们自己定义不同的触发内容，进行下一步操作；
确认框的标题、内容、按钮；展示文字都是可配置的；

入参

参数	类型	必填	描述
title	String	否	confirm 框的标题，默认为空
content	String	否	confirm 框的内容，默认为空
confirmButtonText	String	否	确认按钮文字，默认为确定
cancelButtonText	String	否	取消按钮文字，默认为取消
success	Function	否	调用成功的回调函数，携带一个对象
fail	Function	否	调用失败的回调函数
complete	Function	否	调用结束的回调函数（调用成功、失败都会执行）

调用成功函数，success 回调会携带一个 Object 类型的对象；

失败和完成函数没有别的属性

参数	类型	必填	描述
confirm	Boolean	否	点击确定按钮，返回 true；点击取消按钮，返回 false

JS代码

全部使用默认

// 全部使用默认
comfirm() {
    my.confirm(); // 全部是默认值
  },

全部使用默认，显示如图：

正常标题和内容输入，确认和取消按钮默认

// 正常标题和内容输入，确认和取消按钮默认
comfirm() {
    my.confirm({
      title: '我是标题',
      content: '我是内容啊，可以把内容都写在这里'，
    });
  },

正常标题和内容输入，确认和取消按钮添加需要的文字

// 正常标题和内容输入，确认和取消按钮添加需要的文字，
// 例如确认按钮：马上查询；取消按钮：暂不需要
comfirm() {
    my.confirm({
      title: '温馨提示',
      content: '您是否想查询快递单号：\n1234567890',
      confirmButtonText: '马上查询',
      cancelButtonText: '暂不需要'，
    });
  },

调用成功函数,

// 调用成功函数,结果是一个对象，里面有confirm，confirm为布尔类型
comfirm() {
    my.confirm({
      title: '温馨提示',
      content: '您是否想查询快递单号：\n1234567890',
      confirmButtonText: '马上查询',
      cancelButtonText: '暂不需要'，
      success: (result) => {
        my.alert({
          title: `${result}`,
        });
      },
    });
  },

页面展示的为object类型对象：

打印结果为：这样我们就可以解构出confirm

结构confirm代码如下：

// 调用成功函数,结果是一个对象，里面有confirm，confirm为布尔类型
comfirm() {
    my.confirm({
      title: '温馨提示',
      content: '您是否想查询快递单号：\n1234567890',
      confirmButtonText: '马上查询',
      cancelButtonText: '暂不需要'，
      // 解构方法一： 直接在传入时解构
      // success: ({confirm}) => {
      // console.log(666, confirm);
      //  my.alert({
      //    title: `${confirm}`,
     //   });
     // },
     // 解构方法二： 在内容中解构 （还有很多方法获取，不列举）
      success: (result) => {
        const { confirm } = result;
        console.log(666, confirm);
        my.alert({
          title: `${confirm}`,
        });
      },
    });
  },

页面弹出confirm的值

也可以打印出来为：

备注：fail和complete一般不用，如果需要使用，和success使用一样；
备注：具体可以去支付宝小程序官网学习，这里仅是个人学习笔记