微信小程序之彈出提示框確認取消按鈕以及在該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('取消')
       }
     }
   })

歡迎關注公衆號【夜來疏影】
在這裏插入圖片描述

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章