屬性名	類型	默認(rèn)值	說明
duration	Float	1500	hidden設(shè)置false后，觸發(fā)bindchange的延時(shí)，單位毫秒
hidden	Boolean	false	是否隱藏
bindchange	EventHandle		duration延時(shí)后觸發(fā)

示例代碼：

<view class="body-view">
 <toast hidden="{{toast1Hidden}}" bindchange="toast1Change">
  默認(rèn)
 </toast>
 <button type="default" bindtap="toast1Tap">點(diǎn)擊彈出默認(rèn)toast</button>
</view>
<view class="body-view">
 <toast hidden="{{toast2Hidden}}" duration="3000" bindchange="toast2Change">
  設(shè)置duration
 </toast>
 <button type="default" bindtap="toast2Tap">點(diǎn)擊彈出設(shè)置duration的toast</button>
</view>

var toastNum = 2
var pageData = {}
pageData.data = {}
for (var i = 0; i <= toastNum; ++i) {
 pageData.data['toast'+i+'Hidden'] = true;
 (function (index) {
 pageData['toast'+index+'Change'] = function(e) {
  var obj = {}
  obj['toast'+index+'Hidden'] = true;
  this.setData(obj)
 }
 pageData['toast'+index+'Tap'] = function(e) {
  var obj = {}
  obj['toast'+index+'Hidden'] = false
  this.setData(obj)
 }
 })(i)
}
Page(pageData)

感謝閱讀，希望能幫助到大家，謝謝大家對(duì)本站的支持！

您可能感興趣的文章:

相關(guān)文章

微信小程序教程之條件渲染
這篇文章主要介紹了微信小程序條件渲染的相關(guān)資料,并附簡單實(shí)例代碼，需要的朋友可以參考下
2016-10-10
微信小程序傳值取值的幾種方法總結(jié)
這篇文章主要介紹了微信小程序傳值取值的幾種方法總結(jié)的相關(guān)資料,這里對(duì)這幾種方法進(jìn)行了詳解，并附示例代碼，需要的朋友可以參考下
2017-01-01
一端時(shí)間輪換的廣告
一端時(shí)間輪換的廣告...
2006-06-06
Fabric.js?監(jiān)聽元素是否相交重疊
這篇文章主要為大家介紹了Fabric.js?監(jiān)聽元素是否相交重疊的方案示例，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪
2023-02-02
Canvaskit快速入門教程
這篇文章主要為大家介紹了Canvaskit快速入門教程詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪
2023-03-03
MutationObserver在頁面水印實(shí)現(xiàn)起到的作用詳解
這篇文章主要為大家介紹了MutationObserver在實(shí)現(xiàn)頁面水印所起到的作用詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪
2022-07-07
利用 JavaScript 構(gòu)建命令行應(yīng)用
這篇文章主要介紹了利用 JavaScript 構(gòu)建命令行應(yīng)用，下面文章圍繞如何利用JavaScript 構(gòu)建命令行應(yīng)用的相關(guān)資料炸開詳細(xì)內(nèi)容,需要的朋友可以參考一下
2021-11-11
超越Node.js的JavaScript運(yùn)行環(huán)境Bun.js功能特性詳解
這篇文章主要為大家介紹了超越Node.js的JavaScript運(yùn)行環(huán)境Bun.js功能特性詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪
2023-09-09
前端算法題解leetcode49-字母異位詞分組
這篇文章主要為大家介紹了前端算法leetcode49-字母異位詞分組解題示例，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪
2022-09-09
await 錯(cuò)誤捕獲實(shí)現(xiàn)方式源碼解析
這篇文章主要為大家介紹了await 錯(cuò)誤捕獲實(shí)現(xiàn)方式源碼示例解析，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪
2022-12-12