手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >微信小程序 toast 详解及实例代码
微信小程序 toast 详解及实例代码
摘要:微信小程序开发文档,相关文章:微信小程序action-sheet微信小程序modal微信小程序toast微信小程序loading微信小程序t...

微信小程序 开发文档,相关文章:

微信小程序 action-sheet

微信小程序 modal

微信小程序 toast

微信小程序 loading

微信小程序 toast

​消息提示框

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

示例代码:

<view> <toast hidden="{{toast1Hidden}}" bindchange="toast1Change"> 默认 </toast> <button type="default" bindtap="toast1Tap">点击弹出默认toast</button> </view> <view> <toast hidden="{{toast2Hidden}}" duration="3000" bindchange="toast2Change"> 设置duration </toast> <button type="default" bindtap="toast2Tap">点击弹出设置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 详解及实例代码1

感谢阅读,希望能帮助到大家,谢谢大家对本站的支持!

【微信小程序 toast 详解及实例代码】相关文章:

javascript原型模式用法实例详解

Javascript进制转换实例

微信浏览器内置JavaScript对象WeixinJSBridge使用实例

用javascript动态注释掉HTML代码

Javascript中With语句用法实例

一些很实用且必用的小脚本代码第1/5页

图片加载进度实时显示

Jquery使用css方法改变样式实例

jquery实现弹出层效果实例

js实现简单锁屏功能实例

精品推荐
分类导航