做androids的時候對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中定義(yi) 參數,toastHidden(吐司是否顯示),toastText(吐司文本),函數onToastChanged(),當toastHidden變化為(wei) 時執行,也就是為(wei) false時置為(wei) true;不加函數吐司不會(hui) 消失。

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