微信小程序 toast 详解及实例代码

2019-11-19 19:00:16

字体：大中小

来源：转载

供稿：网友

微信小程序开发文档，相关文章：

微信小程序 toast

消息提示框

属性名	类型	默认值	说明
duration	Float	1500	hidden设置false后，触发bindchange的延时，单位毫秒
hidden	Boolean	false	是否隐藏
bindchange	EventHandle		duration延时后触发

示例代码：

<view class="body-view"> <toast hidden="{{toast1Hidden}}" bindchange="toast1Change">  默认 </toast> <button type="default" bindtap="toast1Tap">点击弹出默认toast</button></view><view class="body-view"> <toast hidden="{{toast2Hidden}}" duration="3000" bindchange="toast2Change">  设置duration </toast> <button type="default" bindtap="toast2Tap">点击弹出设置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)