微信小程序之弹出提示框确认取消按钮以及在该api内的方法中不能使用setData的问题!

首先,我们来介绍一下弹出提示框:

wx.showModal({
  title: '提示',
  content: '这是一个模态弹窗',
  success (res) {
    if (res.confirm) {
      console.log('用户点击确定')
    } else if (res.cancel) {
      console.log('用户点击取消')
    }
  }
})

弹出提示框调用showModel这个API即可,这个最基本的显示是确认和取消两个按钮,当然你也可以根据自己的需要进行修改。
在这里插入图片描述

属性	          类型	    默认值	    必填	   说明
title	      string	             否	   提示的标题
content	      string		         否	   提示的内容
showCancel	  boolean	true	     否	   是否显示取消按钮
cancelText	  string	'取消'	     否	   取消按钮的文字,最多 4 个字符
cancelColor	  string	#000000	     否	   取消按钮的文字颜色,必须是 16 进制格式的颜色字符串
confirmText	  string	'确定'	     否	   确认按钮的文字,最多 4 个字符
confirmColor  string	#576B95	     否	   确认按钮的文字颜色,必须是 16 进制格式的颜色字符串
success	      function		         否	   接口调用成功的回调函数
fail	      function		         否	   接口调用失败的回调函数
complete	  function		         否	   接口调用结束的回调函数(调用成功、失败都会执行)

接着我们要处理在success这几个回调函数中使用setData报错的问题:
很简单,你只需要将success(res)改为success:res=> 即可

wx.showModal({
     title: '退出提示',
     content: '确定要退出登录吗?',
     success: res=>{
       if (res.confirm) {
         this.setData({
           
         })
       } else if (res.cancel) {
         console.log('取消')
       }
     }
   })

欢迎关注公众号【夜来疏影】
在这里插入图片描述

发布了93 篇原创文章 · 获赞 210 · 访问量 2万+

猜你喜欢

转载自blog.csdn.net/weixin_43729943/article/details/105519013
今日推荐