应用程序开发公司
软件开发

针对您的项目需求及预算规划量身制定方案

个体/中小企业/集团/政府机构/行业组织 了解详情 了解详情

微信小程序开发之吐司toast(消息提示框)

发布时间:2024-01-01 00:00 浏览次数:27

搞Android的时候对toast就是很熟识的.微信小程序开发中吐司也就是关键的消息提示信息方式.


上代码:


1.index.wxml


toast就是微信提供更多的组件,duration就是延迟时间,单位毫秒.这里设置就是1000ms.bindchange就是事件.在index.js中引爆事件即可。




{{toastText}}



2.index.js


先在data中定义参数,toastHidden(吐司与否表明),toastText(吐司文本),函数onToastChanged(),当toastHidden变化为时继续执行,也就是为false时置为true;不提函数吐司不能消失。


//index.js


//以获取应用领域实例


var app = getApp()


Page( {


data: {


toastHidden: true, //吐司


toastText: '',//吐司文本


},


onToastChanged: function() {


this.setData( { toastHidden: !this.data.toastHidden });


},


onLoad: function() {


this.setData( {


toastHidden: false, //吐司


toastText: '我就是吐司',//吐司文本


})


}


})


我就是轻易在页面初始化(onLoad:function)时继续执行,可以根据自己市场需求赋值给toastHidden和toastText。

TAG标签:
阅读推荐