小程序教程

微信小程序把玩(二十四)toast组件

字号+ 作者: 来源: 2016-11-23 09:49 我要评论( )

toast消息提示框,可用在提示一些信息,比如清楚缓存给用户一个友好的提示!或操作一些请求不想让用户有什么操作,toast也可以做到因为toast显示时其他操作是无效的

主要属性:

wxml

  1. <!--点击button触发toast-->
  2. <button type="primary" bindtap="listenerButton">点击显示toast</button>
  3. <!--toast消息框显示3秒,并绑定事件-->
  4. <toast hidden="{{hiddenToast}}" duration="3000" bindchange="toastHidden" >OK!</toast>
复制代码

js

  1. Page({
  2.   data:{
  3.     // text:"这是一个页面"
  4.     hiddenToast: true
  5.   },

  6. /**
  7. * 监听button点击事件
  8. */
  9.   listenerButton: function() {
  10.       this.setData({
  11.           hiddenToast: !this.data.hiddenToast
  12.       })
  13.   },
  14.   /**
  15.    *    toast显示时间到时处理业务
  16.    */
  17.   toastHidden:function(){
  18.       this.setData({
  19.           hiddenToast: true
  20.       })
  21.   },

  22.   onLoad:function(options){
  23.     // 页面初始化 options为页面跳转所带来的参数
  24.   },
  25.   onReady:function(){
  26.     // 页面渲染完成
  27.   },
  28.   onShow:function(){
  29.     // 页面显示
  30.   },
  31.   onHide:function(){
  32.     // 页面隐藏
  33.   },
  34.   onUnload:function(){
  35.     // 页面关闭
  36.   }
  37. })
复制代码


 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • 微信小程序 轮播图 swiper图片组件

    微信小程序 轮播图 swiper图片组件

    2016-11-23 09:49

  • 微信小程序 开发 微信开发者工具 快捷键

    微信小程序 开发 微信开发者工具 快捷键

    2016-11-23 09:49

  • 微信小程序 页面跳转 传递参数

    微信小程序 页面跳转 传递参数

    2016-11-23 09:49

  • 微信小程序 如何获取时间

    微信小程序 如何获取时间

    2016-11-23 09:49

网友点评