微信小程序 toast組件詳細介紹

更新時間：2016年09月28日 09:07:30 作者：順子_RTFSC

這篇文章主要介紹了微信小程序 toast組件詳細介紹的相關(guān)資料,需要的朋友可以參考下

toast消息提示框，可用在提示一些信息，比如清楚緩存給用戶一個友好的提示！或操作一些請求不想讓用戶有什么操作，toast也可以做到因為toast顯示時其他操作是無效的

主要屬性：

wxml

<!--點擊button觸發(fā)toast-->
<button type="primary" bindtap="listenerButton">點擊顯示toast</button>
<!--toast消息框顯示3秒，并綁定事件-->
<toast hidden="{{hiddenToast}}" duration="3000" bindchange="toastHidden" >OK!</toast>

Page({
 data:{
 // text:"這是一個頁面"
 hiddenToast: true
 },

/**
 * 監(jiān)聽button點擊事件
 */
 listenerButton: function() {
  this.setData({
   hiddenToast: !this.data.hiddenToast
  })
 },
 /**
 * toast顯示時間到時處理業(yè)務(wù) 
 */
 toastHidden:function(){
  this.setData({
   hiddenToast: true
  })
 },

 onLoad:function(options){
 // 頁面初始化 options為頁面跳轉(zhuǎn)所帶來的參數(shù)
 },
 onReady:function(){
 // 頁面渲染完成
 },
 onShow:function(){
 // 頁面顯示
 },
 onHide:function(){
 // 頁面隱藏
 },
 onUnload:function(){
 // 頁面關(guān)閉
 }
})

相關(guān)文章：

hello WeApp                     icon組件
Window                             text組件                                 switch組件
 tabBar底部導航               progress組件                         action-sheet
應用生命周期                     button組件                            modal組件
頁面生命周期                     checkbox組件                       toast組件
模塊化詳                            form組件詳                            loading 組件
數(shù)據(jù)綁定                            input 組件                             navigator 組件
 View組件                         picker組件                             audio 組件
 scroll-view組件                  radio組件                               video組件
 swiper組件                       slider組件                             Image組件

您可能感興趣的文章:

相關(guān)文章

基于JavaScript代碼實現(xiàn)微信掃一掃下載APP
有很多人在做微信的掃一掃下載。但是在微信更新之后微信將該功能給禁止掉了，也不能說是全面禁止吧，因為騰訊、微信是一家嘛，通過應用寶審核的應用好像還是可以通過掃一掃直接下載的，下面通過本篇文章給大家介紹微信掃一掃下載app的代碼片段，感興趣的朋友一起看看吧
2015-12-12
AntDesignPro使用electron構(gòu)建桌面應用示例詳解
這篇文章主要為大家介紹了AntDesignPro使用electron構(gòu)建桌面應用示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪
2022-10-10
JS實現(xiàn)一個微信錄音功能過程示例詳解
這篇文章主要介紹了JS實現(xiàn)一個微信錄音功能過程示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪
2023-02-02
關(guān)于JavaScript防抖與節(jié)流的區(qū)別與實現(xiàn)
這篇文章主要介紹關(guān)于JavaScript防抖與節(jié)流的區(qū)別與實現(xiàn)，防抖就是用戶多次觸發(fā)事件，在用戶一直觸發(fā)事件中，事件不會執(zhí)行，只有在用戶停止觸發(fā)事件一段時間之后再執(zhí)行這個事件一次，二節(jié)流是用戶多次觸發(fā)事件，具體詳情一i起來學習下面文章內(nèi)容吧
2021-10-10
Fabric.js?樣式不更新解決方法案例
這篇文章主要為大家介紹了Fabric.js?樣式不更新解決方法案例，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪
2023-02-02
微信小程序canvas寫字板效果及實例
這篇文章主要介紹了微信小程序canvas寫字板效果及實例的相關(guān)資料,需要的朋友可以參考下
2017-06-06
微信小程序用戶數(shù)據(jù)解密詳細介紹
這篇文章主要介紹了微信小程序用戶數(shù)據(jù)解密詳細介紹的相關(guān)資料,需要的朋友可以參考下
2017-01-01
網(wǎng)頁的標準,IMG不支持onload標簽怎么辦
網(wǎng)頁的標準,IMG不支持onload標簽怎么辦...
2006-06-06
微信小程序網(wǎng)絡(luò)請求（post請求，get請求）
這篇文章主要介紹了微信小程序網(wǎng)絡(luò)請求（post請求，get請求）的相關(guān)資料,需要的朋友可以參考下
2017-01-01
微信小程序引用其他js文件實現(xiàn)代碼
這篇文章主要介紹了微信小程序引用其他js文件實現(xiàn)代碼的相關(guān)資料,需要的朋友可以參考下
2017-02-02