微信小程序 toast 詳解及實例代碼

2019-11-19 19:00:16

字體：大中小

來源：轉(zhuǎn)載

供稿：網(wǎng)友

微信小程序開發(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">點擊彈出默認(rèn)toast</button></view><view class="body-view"> <toast hidden="{{toast2Hidden}}" duration="3000" bindchange="toast2Change">  設(shè)置duration </toast> <button type="default" bindtap="toast2Tap">點擊彈出設(shè)置duration的toast</button></view>

var toastNum = 2var 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)