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

搞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。