Maison  >  Article  >  Applet WeChat  >  Explication détaillée des exemples de liaison d'événements de saut de page d'applet WeChat

Explication détaillée des exemples de liaison d'événements de saut de page d'applet WeChat

小云云
小云云original
2018-02-07 13:47:393073parcourir

Cet article vous présente principalement des informations pertinentes sur les exemples détaillés de liaison d'événements de saut de page de mini programme WeChat. J'espère qu'à travers cet article, vous pourrez comprendre et appliquer les exemples de saut de page de mini programme et de liaison d'événements. il peut faire référence à ce qui suit, j'espère que cela pourra aider tout le monde.

Explication détaillée d'exemples de liaison d'événements de saut de page d'applet WeChat

Que sont les événements

  1. Les événements vont de la couche de vue à la logique couche Méthodes de communication. Les événements

  2. peuvent renvoyer le comportement de l'utilisateur à la couche logique pour traitement. Les événements

  3. peuvent être liés aux composants. Lorsque l'événement déclencheur est atteint, la fonction de traitement d'événement correspondante dans la couche logique sera exécutée.

  4. Les objets événement peuvent contenir des informations supplémentaires, telles que l'identifiant, l'ensemble de données, les touches.

Liez un gestionnaire d'événements au composant.

Par exemple, bindtap, lorsque l'utilisateur clique sur le composant, la fonction de traitement d'événement correspondante se retrouvera dans la page correspondante de la page

 <view bindtap="view">
    <text bindtap="toast" class="journey">开启小程序之旅   </text>
 </view>

Le L'élément enfant déclenche les éléments parents qui déclencheront également. Si vous souhaitez déclencher uniquement des éléments enfants, utilisez catchtap au lieu de bindtap

Écrivez la fonction de traitement d'événement correspondante dans la définition de page correspondante, et le paramètre est event.

Page({
 toast: function (event) {
  // wx.navigateTo({
  //  url: '../redirect/redirect'
  // });


  wx.redirectTo({
   url: '../redirect/redirect',
  });
  // view:function(event){
  //  // 父级元素
  // }

 },
 /**
   * 生命周期函数--监听页面隐藏/并未关闭返回
   */
 onHide: function (event) {
   console.log(event)
 },

 /**
  * 生命周期函数--监听页面卸载/
  */
 onUnload: function () {
  console.log(222)
 },
})

Classification des événements

Événement bouillonnant : Lorsqu'un événement sur un composant est déclenché, l'événement sera transmis au nœud parent.

Événement sans bulle : lorsqu'un événement sur un composant est déclenché, l'événement ne sera pas transmis au nœud parent.

Liste des événements bouillonnants WXML :

类型 触发条件
touchstart 手指触摸动作开始
touchmove  手指触摸后移动
touchcancel 手指触摸动作被打断,如来电提醒,弹窗
touchend  手指触摸动作结束
tap 手指触摸后马上离开
longtap 手指触摸后,超过350ms再离开

Remarque : en plus du tableau ci-dessus, d'autres événements personnalisés de composants sont des événements sans bouillonnement, sauf indication contraire, tels que. comme l'événement submit de

, l'événement input de , l'événement scroll de (voir la documentation officielle de chaque composant pour plus de détails)

Recommandations associées :

Comment transmettre des paramètres lorsque la page HTML saute

Le routeur résout les sauts de page entre modules

Vue se rend compte que la page passe à la page précédente après la connexion. Exemple de partage

.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration:
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