做Android的时候对toast是很熟悉的.微信小程序开发中吐司也是重要的消息提示方式.
上代码:
1.index.wxml
toast是微信提供的组件,duration是延迟时间,单位毫秒.这里设置是1000ms.bindchange是事件.在index.js中触发事件即可.
<!--index.wxml-->
<toast hidden="{
{toastHidden}}" duration="1000" bindchange="onToastChanged">
{
{toastText}}
</toast>
2.index.js
先在data中定义参数,toastHidden(吐司是否显示),toastText(吐司文本),函数onToastChanged(),当toastHidden变化为时执行,也就是为false时置为true;不加函数吐司不会消失.
//index.js
//获取应用实例
var app = getApp()
Page( {
data: {
toastHidden: true, //吐司
toastText: '',//吐司文本
},