微信小程序開發中如何顯示消息提示框

本文將為大家詳細介紹“微信小程序開發中如何顯示消息提示框”，內容步驟清晰詳細，細節處理妥當，而小編每天都會更新不同的知識點，希望這篇“微信小程序開發中如何顯示消息提示框”能夠給你意想不到的收獲，請大家跟著小編的思路慢慢深入，具體內容如下，一起去收獲新知識吧。

wx.showToast(OBJECT)

顯示消息提示框。

OBJECT參數說明：

示例代碼：

wx.showToast({
  title: '成功',
  icon: 'success',
  duration: 2000})

wx.showLoading(OBJECT)

基礎庫版本 1.1.0 開始支持，低版本需做兼容處理

顯示 loading 提示框, 需主動調用 wx.hideLoading 才能關閉提示框

OBJECT參數說明：

wx.hideToast()

隱藏消息提示框

wx.hideLoading()

基礎庫版本 1.1.0 開始支持，低版本需做兼容處理

隱藏loading提示框

wx.showLoading({
  title: '加載中',
})

setTimeout(function(){
  wx.hideLoading()
},2000)

wx.showModal(OBJECT)

顯示模態彈窗

OBJECT參數說明：

succes返回參數說明：

示例代碼：

wx.showModal({
  title: '提示',
  content: '這是一個模態彈窗',
  success: function(res) {if (res.confirm) {      console.log('用戶點擊確定')
    } else if (res.cancel) {      console.log('用戶點擊取消')
    }
  }
})

wx.showActionSheet(OBJECT)

顯示操作菜單

OBJECT參數說明：

success返回參數說明：

示例代碼：

wx.showActionSheet({
  itemList: ['A', 'B', 'C'],
  success: function(res) {console.log(res.tapIndex)
  },
  fail: function(res) {console.log(res.errMsg)
  }
})

Bug & Tip

1. bug:Android6.3.30，wx.showModal 的返回的 confirm 一直為 true；

2. tip: wx.showActionSheet 點擊取消或蒙層時，回調fail, errMsg 為 "showActionSheet:fail cancel"；

3. tip: wx.showLoading 和 wx.showToast 同時只能顯示一個，使用 wx.hideToast/wx.hideLoading 都可以關閉提示框；

4. tip: iOS wx.showModal 點擊蒙層不會關閉模態彈窗，所以盡量避免使用“取消”分支中實現業務邏輯。

小程序是什么意思

小程序是一種不需要下載安裝即可使用的應用，通過掃描二維碼或是搜一搜立即使用，操作簡單，便于傳播，能夠實現消息通知、線下掃碼、公眾號關聯等七大功能。它基于微信運行的，類似于APP，想用就用，用完即走，不會占用內存。

感謝您能讀到這里，小編希望您對“微信小程序開發中如何顯示消息提示框”這一關鍵問題有了從實踐層面最深刻的體會，具體使用情況還需要大家自己動手實踐使用過才能領會，如果想閱讀更多相關內容的文章，歡迎關注億速云行業資訊頻道！