源码网商城,靠谱的源码在线交易网站 我的订单 购物车 帮助

源码网商城

微信小程序 toast组件详细介绍

  • 时间:2022-04-19 22:31 编辑: 来源: 阅读:
  • 扫一扫,手机访问
摘要:微信小程序 toast组件详细介绍
[img]http://files.jb51.net/file_images/article/201609/201692890622878.gif?20168289635[/img] toast消息提示框,可用在提示一些信息,比如清楚缓存给用户一个友好的提示!或操作一些请求不想让用户有什么操作,toast也可以做到因为toast显示时其他操作是无效的 [b]主要属性:[/b] [img]http://files.jb51.net/file_images/article/201609/201692890700242.png?20168289713[/img] wxml
<!--点击button触发toast-->
<button type="primary" bindtap="listenerButton">点击显示toast</button>
<!--toast消息框显示3秒,并绑定事件-->
<toast hidden="{{hiddenToast}}" duration="3000" bindchange="toastHidden" >OK!</toast>
js
Page({
 data:{
 // text:"这是一个页面"
 hiddenToast: true
 },

/**
 * 监听button点击事件
 */
 listenerButton: function() {
  this.setData({
   hiddenToast: !this.data.hiddenToast
  })
 },
 /**
 * toast显示时间到时处理业务 
 */
 toastHidden:function(){
  this.setData({
   hiddenToast: true
  })
 },

 onLoad:function(options){
 // 页面初始化 options为页面跳转所带来的参数
 },
 onReady:function(){
 // 页面渲染完成
 },
 onShow:function(){
 // 页面显示
 },
 onHide:function(){
 // 页面隐藏
 },
 onUnload:function(){
 // 页面关闭
 }
})



[b]相关文章:[/b] [url=http://www.1sucai.cn/article/93584.htm]hello WeApp [/url]                     [url=http://www.1sucai.cn/article/93618.htm]icon组件 Window [/url]                            [url=http://www.1sucai.cn/article/93627.htm]text组件[/url]                                [url=http://www.1sucai.cn/article/93655.htm]switch组件[/url] [url=http://www.1sucai.cn/article/93592.htm]tabBar底部导航[/url]               [url=http://www.1sucai.cn/article/93629.htm]  progress组件[/url]                        [url=http://www.1sucai.cn/article/93656.htm]action-sheet[/url] [url=http://www.1sucai.cn/article/93598.htm]应用生命周期[/url]                    [url=http://www.1sucai.cn/article/93632.htm]button组件[/url]                            [url=http://www.1sucai.cn/article/93672.htm]modal组件 页面生命周期[/url]                    [url=http://www.1sucai.cn/article/93634.htm]checkbox组件 [/url]                      [url=http://www.1sucai.cn/article/93675.htm]toast组件[/url] [url=http://www.1sucai.cn/article/93603.htm]模块化详      [/url]                     [url=http://www.1sucai.cn/article/93637.htm]form组件详      [/url]                     [url=http://www.1sucai.cn/article/93679.htm] loading 组件 数据绑定[/url]                           [url=http://www.1sucai.cn/article/93643.htm]input 组件[/url]                             [url=http://www.1sucai.cn/article/93680.htm]navigator 组件[/url] [url=http://www.1sucai.cn/article/93611.htm]View组件[/url]                          [url=http://www.1sucai.cn/article/93645.htm]picker组件[/url]                            [url=http://www.1sucai.cn/article/93681.htm] audio 组件[/url] [url=http://www.1sucai.cn/article/93612.htm]scroll-view组件[/url]                 [url=http://www.1sucai.cn/article/93649.htm]radio组件[/url]                        [url=http://www.1sucai.cn/article/93690.htm]      video组件[/url] [url=http://www.1sucai.cn/article/93616.htm]swiper组件[/url]                        [url=http://www.1sucai.cn/article/93654.htm]slider组件[/url]                            [url=http://www.1sucai.cn/article/93688.htm]  Image组件[/url]
  • 全部评论(0)
联系客服
客服电话:
400-000-3129
微信版

扫一扫进微信版
返回顶部