微信小程序 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 字符编码规则
May 04 Javascript
jquery 入门教程 [翻译] 推荐
Aug 17 Javascript
Extjs EditorGridPanel中ComboBox列的显示问题
Jul 04 Javascript
javascript针对DOM的应用分析(三)
Apr 15 Javascript
JQuery DataTable删除行后的页面更新利用Ajax解决
May 17 Javascript
javaScript实现浮点数转十六进制字符
Oct 29 Javascript
关注jquery技巧提高jquery技能(前端开发必学)
Nov 02 Javascript
详解Angular中$cacheFactory缓存的使用
Aug 19 Javascript
jQuery实现导航高亮的方法【附demo源码下载】
Nov 09 Javascript
JS基于ES6新特性async await进行异步处理操作示例
Feb 02 Javascript
原生js+canvas实现贪吃蛇效果
Aug 02 Javascript
antd Form组件方法getFieldsValue获取自定义组件的值操作
Oct 29 Javascript
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
一个oracle+PHP的查询的例子
2006/10/09 PHP
php mssql 时间格式问题
2009/01/13 PHP
关于Appserv无法打开localhost问题的解决方法
2009/10/16 PHP
php学习笔记 PHP面向对象的程序设计
2011/06/13 PHP
php结合ajax实现赞、顶、踩功能实例
2014/05/12 PHP
PHP使用Alexa API获取网站的Alexa排名例子
2014/06/12 PHP
PHP通过调用新浪API生成t.cn格式短网址链接的方法详解
2019/02/20 PHP
文本链接逐个出现的js脚本
2007/12/12 Javascript
javascript 点击整页变灰的效果(可做退出效果)。
2008/01/09 Javascript
使用jquery mobile做幻灯播放效果实现步骤
2013/01/04 Javascript
有关于JS辅助函数inherit()的问题
2013/04/07 Javascript
使用jquery hover事件实现表格的隔行换色功能示例
2013/09/03 Javascript
jQuery实现类似标签风格的导航菜单效果代码
2015/08/25 Javascript
jQuery双向列表选择器select版
2016/11/01 Javascript
微信小程序 本地数据读取实例
2017/04/27 Javascript
微信小程序实现点击按钮修改文字大小功能【附demo源码下载】
2017/12/06 Javascript
如何在基于vue-cli的项目自定义打包环境
2018/11/10 Javascript
详解ES6 Fetch API HTTP请求实用指南
2018/11/14 Javascript
vue项目打包之后背景样式丢失的解决方案
2019/01/17 Javascript
Vue.js实现的购物车功能详解
2019/01/27 Javascript
实现vuex与组件data之间的数据同步更新方式
2019/11/12 Javascript
Javascript操作select控件代码实例
2020/02/14 Javascript
Python模拟登录12306的方法
2014/12/30 Python
Django学习笔记之Class-Based-View
2017/02/15 Python
python多行字符串拼接使用小括号的方法
2020/03/19 Python
python 定义n个变量方法 (变量声明自动化)
2018/11/10 Python
python 顺时针打印矩阵的超简洁代码
2018/11/14 Python
python实现Dijkstra算法的最短路径问题
2019/06/21 Python
python同步windows和linux文件
2019/08/29 Python
简单的Python调度器Schedule详解
2019/08/30 Python
python pygame实现球球大作战
2019/11/25 Python
python代码xml转txt实例
2020/03/10 Python
python用tkinter实现一个gui的翻译工具
2020/10/26 Python
高中竞选班长演讲稿
2014/04/24 职场文书
感谢信的技巧及范例
2019/05/15 职场文书
MySQL高速缓存启动方法及参数详解(query_cache_size)
2021/07/01 MySQL