WeChat 애플릿 페이지 점프 이벤트 바인딩 예제에 대한 자세한 설명-미니 프로그램 개발-php.cn

WeChat 애플릿 페이지 점프 이벤트 바인딩 예제에 대한 자세한 설명

小云云

풀어 주다： 2018-02-07 13:47:39

원래의

3098명이 탐색했습니다.

이 글에서는 위챗 미니 프로그램 페이지 점프 이벤트 바인딩의 세부 예시에 대한 관련 정보를 주로 소개합니다. 이 글을 통해 미니 프로그램 페이지 점프 및 이벤트 바인딩 예시를 이해하고 적용할 수 있기를 바랍니다. 그것을 참조하십시오. 모두에게 도움이 될 수 있기를 바랍니다.

WeChat 애플릿 페이지 점프 이벤트 바인딩 예시에 대한 자세한 설명

이벤트란 무엇입니까

이벤트는 뷰 레이어에서 로직 레이어로의 통신 방법입니다.
이벤트는 처리를 위해 사용자 행동을 논리 계층에 피드백할 수 있습니다.
이벤트는 구성 요소에 바인딩될 수 있습니다. 트리거 이벤트에 도달하면 논리 계층의 해당 이벤트 처리 기능이 실행됩니다.
이벤트 개체는 ID, 데이터 세트, 터치와 같은 추가 정보를 전달할 수 있습니다.

구성 요소에 이벤트 핸들러 함수를 바인딩합니다.

bindtap과 같이 사용자가 컴포넌트를 클릭하면 해당 페이지의 해당 페이지에서 해당 이벤트 처리 기능을 찾을 수 있습니다.

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

로그인 후 복사

하위 요소가 상위 요소를 트리거하고 원하는 경우에도 트리거됩니다. 하위 요소만 실행하려면 바인딩 대신 catchtap을 사용하세요.

해당 페이지 정의에 해당 이벤트 처리 함수를 작성하고 매개변수는 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)
 },
})

로그인 후 복사

이벤트 분류

버블링 이벤트: 구성 요소의 이벤트가 트리거되면 해당 이벤트가 상위 노드로 전달됩니다.

버블링되지 않는 이벤트: 구성 요소에서 이벤트가 트리거되면 이벤트가 상위 노드로 전달되지 않습니다.

WXML 버블링 이벤트 목록:

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

로그인 후 복사

참고: 위 표 외에도