微信小程序 toast 詳解及實(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的延時，單位毫秒 |
| hidden | Boolean | false | 是否隱藏 |
| bindchange | EventHandle | duration延時后觸發(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)
感謝閱讀，希望能幫助到大家，謝謝大家對本站的支持！
您可能感興趣的文章:
- 微信小程序 toast組件詳細(xì)介紹
- 微信小程序開發(fā)之toast等彈框提示使用教程
- 微信小程序開發(fā)之實(shí)現(xiàn)自定義Toast彈框
- 微信小程序開發(fā)之toast提示插件使用示例
- 微信小程序?qū)崙?zhàn)之自定義toast（6）
- 微信小程序 Toast自定義實(shí)例詳解
- 微信小程序 自定義Toast實(shí)例代碼
- 微信小程序自定義toast彈窗效果的實(shí)現(xiàn)代碼
- 微信小程序自定義toast實(shí)現(xiàn)方法詳解【附demo源碼下載】
- 微信小程序使用component自定義toast彈窗效果
- 微信小程序自定義toast的實(shí)現(xiàn)代碼
- 微信小程序自定義toast組件的方法詳解【含動畫】
相關(guān)文章
這篇文章主要介紹了微信小程序 空白頁重定向解決辦法的相關(guān)資料,需要的朋友可以參考下2017-06-06
本文主要介紹Google 地圖類型,這里整理了Google 地圖類型的基本知識資料，并附簡單的示例代碼便于大家學(xué)習(xí)參考，希望能幫助有需要的小伙伴2016-08-08
這篇文章主要介紹了微信小程序 wxapp地圖 map基礎(chǔ)知識的相關(guān)資料,并附簡單實(shí)例，幫助大家學(xué)習(xí)理解，需要的朋友可以參考下2016-10-10
這篇文章主要介紹了詳解微信第三方小程序開發(fā)的相關(guān)資料,需要的朋友可以參考下2017-06-06
這篇文章主要為大家介紹了js基本類型與引用類型的區(qū)別詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2023-06-06
這篇文章主要介紹了微信小程序 實(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í)例詳解的相關(guān)資料,需要的朋友可以參考下2016-10-10
這篇文章主要介紹了vue axios請求超時,設(shè)置重新請求的完美解決方法,一并給大家介紹了axios基本用法，需要的朋友可以參考下2018-04-04
這篇文章主要為大家介紹了Selection與Range 對象操作示例指南，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2022-09-09