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


Posted in Javascript onNovember 09, 2016

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

微信小程序 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 = 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 详解及实例代码

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

Javascript 相关文章推荐
javascript 文件的同步加载与异步加载实现原理
Dec 13 Javascript
Jquery显示和隐藏元素或设为只读(含Ligerui的控件禁用,实例说明介绍)
Jul 09 Javascript
Jquery validation remote 验证的缓存问题解决方法
Mar 25 Javascript
JS实现横向拉伸动感伸缩菜单效果代码
Sep 04 Javascript
深入学习jQuery Validate表单验证(二)
Jan 18 Javascript
JS中多种方式创建对象详解
Mar 22 Javascript
简易的JS计算器实现代码
Oct 18 Javascript
js实现无缝滚动图
Feb 22 Javascript
微信小程序button组件使用详解
Jan 31 Javascript
js计算最大公约数和最小公倍数代码实例
Sep 11 Javascript
Vue自定义全局弹窗组件操作
Aug 11 Javascript
Vue项目中使用mock.js的完整步骤
Jan 12 Vue.js
jQuery模拟完美实现经典FLASH导航动画效果【附demo源码下载】
Nov 09 #Javascript
微信小程序  modal详解及实例代码
Nov 09 #Javascript
微信小程序  action-sheet详解及实例代码
Nov 09 #Javascript
浅谈EasyUI常用控件的禁用方法
Nov 09 #Javascript
easyui datagrid 大数据加载效率慢,优化解决方法(推荐)
Nov 09 #Javascript
jQuery EasyUI中的日期控件DateBox修改方法
Nov 09 #Javascript
jQuery实现导航高亮的方法【附demo源码下载】
Nov 09 #Javascript
You might like
PHP COOKIE设置为浏览器进程
2009/06/21 PHP
基于HTTP长连接的&quot;服务器推&quot;技术的php 简易聊天室
2009/10/31 PHP
ThinkPHP采用模块和操作分析
2011/04/18 PHP
深入理解PHP之数组(遍历顺序)  Laruence原创
2012/06/13 PHP
PHP排序算法之直接插入排序(Straight Insertion Sort)实例分析
2018/04/20 PHP
jQuery chili图片远处放大插件
2009/11/30 Javascript
google 搜索框添加关键字实现代码
2010/04/24 Javascript
jQuery EasyUI中对表格进行编辑的实现代码
2010/06/10 Javascript
JS获取图片lowsrc属性的方法
2015/04/01 Javascript
Javascript编写2048小游戏
2015/07/07 Javascript
一些实用性较高的js方法
2016/04/19 Javascript
jQuery 3 中的新增功能汇总介绍
2016/06/12 Javascript
原生js实现tab选项卡切换
2020/03/23 Javascript
JS实现“隐藏与显示”功能(多种方法)
2016/11/24 Javascript
Angular 4依赖注入学习教程之ClassProvider的使用(三)
2017/06/04 Javascript
vuex 的简单使用
2018/03/22 Javascript
jQuery实现form表单序列化转换为json对象功能示例
2018/05/23 jQuery
微信小程序开发背景图显示功能
2018/08/08 Javascript
微信小程序带动画弹窗组件使用方法详解
2018/11/27 Javascript
vue3.0中setup使用(两种用法)
2020/12/02 Vue.js
WebPack工具运行原理及入门教程
2020/12/02 Javascript
[47:39]2018DOTA2亚洲邀请赛 3.31 小组赛 A组 LGD vs OPTIC
2018/03/31 DOTA
[53:29]完美世界DOTA2联赛循环赛 DM vs Matador BO2第二场 11.04
2020/11/05 DOTA
Python中if __name__ == &quot;__main__&quot;详细解释
2014/10/21 Python
Python中实现结构相似的函数调用方法
2015/03/10 Python
python中eval与int的区别浅析
2019/08/11 Python
python编程进阶之类和对象用法实例分析
2020/02/21 Python
pyspark给dataframe增加新的一列的实现示例
2020/04/24 Python
Python爬虫之Selenium警告框(弹窗)处理
2020/12/04 Python
python 批量将中文名转换为拼音
2021/02/07 Python
交通事故赔偿协议书
2014/04/15 职场文书
会计求职信
2014/05/29 职场文书
Redis高级数据类型Hyperloglog、Bitmap的使用
2021/05/24 Redis
React-vscode使用jsx语法的问题及解决方法
2021/06/21 Javascript
Ajax实现异步加载数据
2021/11/17 Javascript
一篇文章带你掌握SQLite3基本用法
2022/06/14 数据库