微信小程序 toast 詳解及實(shí)例代碼

更新時(shí)間：2016年11月09日 10:58:31 投稿：lqh

這篇文章主要介紹了微信小程序 toast 詳解及實(shí)例代碼的相關(guān)資料,需要的朋友可以參考下

微信小程序開發(fā)文檔，相關(guān)文章：

微信小程序 toast

消息提示框

屬性名	類型	默認(rèn)值	說明
duration	Float	1500	hidden設(shè)置false后，觸發(fā)bindchange的延時(shí)，單位毫秒
hidden	Boolean	false	是否隱藏
bindchange	EventHandle		duration延時(shí)后觸發(fā)

示例代碼：

<view class="body-view">
 <toast hidden="{{toast1Hidden}}" bindchange="toast1Change">
  默認(rèn)
 </toast>
 <button type="default" bindtap="toast1Tap">點(diǎn)擊彈出默認(rèn)toast</button>
</view>
<view class="body-view">
 <toast hidden="{{toast2Hidden}}" duration="3000" bindchange="toast2Change">
  設(shè)置duration
 </toast>
 <button type="default" bindtap="toast2Tap">點(diǎn)擊彈出設(shè)置duration的toast</button>
</view>

var toastNum = 2
var pageData = {}
pageData.data = {}
for (var i = 0; i <= toastNum; ++i) {
 pageData.data['toast'+i+'Hidden'] = true;
 (function (index) {
 pageData['toast'+index+'Change'] = function(e) {
  var obj = {}
  obj['toast'+index+'Hidden'] = true;
  this.setData(obj)
 }
 pageData['toast'+index+'Tap'] = function(e) {
  var obj = {}
  obj['toast'+index+'Hidden'] = false
  this.setData(obj)
 }
 })(i)
}
Page(pageData)

感謝閱讀，希望能幫助到大家，謝謝大家對本站的支持！

您可能感興趣的文章:

相關(guān)文章

微信小程序空白頁重定向解決辦法
這篇文章主要介紹了微信小程序空白頁重定向解決辦法的相關(guān)資料,需要的朋友可以參考下
2017-06-06
Google 地圖類型詳解及示例代碼
本文主要介紹Google 地圖類型,這里整理了Google 地圖類型的基本知識資料，并附簡單的示例代碼便于大家學(xué)習(xí)參考，希望能幫助有需要的小伙伴
2016-08-08
微信小程序 wxapp地圖 map詳解
這篇文章主要介紹了微信小程序 wxapp地圖 map基礎(chǔ)知識的相關(guān)資料,并附簡單實(shí)例，幫助大家學(xué)習(xí)理解，需要的朋友可以參考下
2016-10-10
詳解微信第三方小程序開發(fā)
這篇文章主要介紹了詳解微信第三方小程序開發(fā)的相關(guān)資料,需要的朋友可以參考下
2017-06-06
一文詳解js基本類型與引用類型的區(qū)別
這篇文章主要為大家介紹了js基本類型與引用類型的區(qū)別詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪
2023-06-06
微信小程序實(shí)例應(yīng)用（記賬）詳解
這篇文章主要介紹了微信小程序實(shí)例應(yīng)用（記賬）詳解的相關(guān)資料,需要的朋友可以參考下
2016-09-09
JavaScript實(shí)現(xiàn)一鍵復(fù)制內(nèi)容剪貼板
這篇文章主要為大家介紹了JavaScript實(shí)現(xiàn)一鍵復(fù)制內(nèi)容，document.execCommand原生JS設(shè)置剪貼板的實(shí)現(xiàn)示例，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪
2022-07-07
微信小程序數(shù)據(jù)訪問實(shí)例詳解
這篇文章主要介紹了微信小程序數(shù)據(jù)訪問實(shí)例詳解的相關(guān)資料,需要的朋友可以參考下
2016-10-10
vue axios請求超時(shí)的正確處理方法
這篇文章主要介紹了vue axios請求超時(shí),設(shè)置重新請求的完美解決方法,一并給大家介紹了axios基本用法，需要的朋友可以參考下
2018-04-04
Selection與Range 對象操作示例指南
這篇文章主要為大家介紹了Selection與Range 對象操作示例指南，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪
2022-09-09