wx: wx.showModal 回调函数中调用自定义方法

一、在回调函数中调用自定义方法：

回调函数中不能直接使用this，需要在外面定义 var that = this 然后 that.自定义的方法。如下：

  //删除

  onDelete: function (e) {

    var that = this;

    wx.showModal({

      title: '提示',

      content: '确定要删除？',

      success: function (res) {

        if (res.confirm) {

          that.onEdit(e);

        }

      }

    })

  },

  //编辑

  onEdit: function (e) {

    console.log('编辑');

  },

二、详解弹框wx.showToast、wx.showModal、wx.showActionSheet，modal控件解释及input输入框值的获取

（1）、wx.showToast

  wx.showToast({

    title: '失败',//提示文字

    duration: ,//显示时长

    mask: true,//是否显示透明蒙层，防止触摸穿透，默认：false

    icon: 'success', //图标，支持"success"、"loading"

    success: function () { },//接口调用成功

    fail: function () { },  //接口调用失败的回调函数

    complete: function () { } //接口调用结束的回调函数

  })

（2）、wx.showModal

  wx.showModal({

    title: '删除图片',

    content: '确定要删除该图片？',

    showCancel: true,//是否显示取消按钮

    cancelText: "否",//默认是“取消”

    cancelColor: 'skyblue',//取消文字的颜色

    confirmText: "是",//默认是“确定”

    confirmColor: 'skyblue',//确定文字的颜色

    success: function (res) {

      if (res.cancel) {

        //点击取消,默认隐藏弹框

      } else {

        //点击确定

        temp.splice(index, ),

          that.setData({

            tempFilePaths: temp,

          })

      }

    },

    fail: function (res) { },//接口调用失败的回调函数

    complete: function (res) { },//接口调用结束的回调函数（调用成功、失败都会执行）

  })

（3）、wx.showActionSheet

  wx.showActionSheet({

    itemList: ['列1', '列2', '列3'],//显示的列表项

    success: function (res) {//res.tapIndex点击的列表项

      console.log("点击了列表项：" + that[res.tapIndex])

    },

    fail: function (res) { },

    complete: function (res) { }

  })

巴特西

wx: wx.showModal 回调函数中调用自定义方法

最新文章

热门文章