Explication détaillée et exemple de code du mini-programme WeChat toast

高洛峰
Libérer: 2017-02-13 10:44:17
original
1986 Les gens l'ont consulté

Cet article présente principalement l'explication détaillée et l'exemple de code du toast du programme WeChat Mini. Les amis dans le besoin peuvent se référer au

toast du programme WeChat Mini

invite de message. boîte


属性名 类型 默认值 说明
duration Float 1500 hidden设置false后,触发bindchange的延时,单位毫秒
hidden Boolean false 是否隐藏
bindchange EventHandle   duration延时后触发

Exemple de code :

<view class="body-view">
 <toast hidden="{{toast1Hidden}}" bindchange="toast1Change">
  默认
 </toast>
 <button type="default" bindtap="toast1Tap">点击弹出默认toast</button>
</view>
<view class="body-view">
 <toast hidden="{{toast2Hidden}}" duration="3000" bindchange="toast2Change">
  设置duration
 </toast>
 <button type="default" bindtap="toast2Tap">点击弹出设置duration的toast</button>
</view>
Copier après la connexion

var toastNum = 2
var pageData = {}
pageData.data = {}
for (var i = 0; i <= toastNum; ++i) {
 pageData.data[&#39;toast&#39;+i+&#39;Hidden&#39;] = true;
 (function (index) {
 pageData[&#39;toast&#39;+index+&#39;Change&#39;] = function(e) {
  var obj = {}
  obj[&#39;toast&#39;+index+&#39;Hidden&#39;] = true;
  this.setData(obj)
 }
 pageData[&#39;toast&#39;+index+&#39;Tap&#39;] = function(e) {
  var obj = {}
  obj[&#39;toast&#39;+index+&#39;Hidden&#39;] = false
  this.setData(obj)
 }
 })(i)
}
Page(pageData)
Copier après la connexion

微信小程序 toast 详解及实例代码

Merci d'avoir lu, j'espère que cela pourra aider tout le monde, merci pour votre soutien à ce site !

Pour des explications plus détaillées et des exemples d'articles liés au code sur le mini programme WeChat toast, veuillez faire attention au site Web PHP chinois !

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal