Maison > Article > Applet WeChat > Explication détaillée des exemples de liaison d'événements de saut de page d'applet WeChat
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
Les événements vont de la couche de vue à la logique couche Méthodes de communication. Les événements
peuvent renvoyer le comportement de l'utilisateur à la couche logique pour traitement. Les événements
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.
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 deRecommandations 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!