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

2019-11-20 08:51:42

字體：大中小

來源：轉載

供稿：網友

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

主要屬性：

wxml

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

Page({ data:{ // text:"這是一個頁面" hiddenToast: true },/** * 監聽button點擊事件 */ listenerButton: function() {  this.setData({   hiddenToast: !this.data.hiddenToast  }) }, /** * toast顯示時間到時處理業務  */ toastHidden:function(){  this.setData({   hiddenToast: true  }) }, onLoad:function(options){ // 頁面初始化 options為頁面跳轉所帶來的參數 }, onReady:function(){ // 頁面渲染完成 }, onShow:function(){ // 頁面顯示 }, onHide:function(){ // 頁面隱藏 }, onUnload:function(){ // 頁面關閉 }})

相關文章：

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