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

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

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

이벤트란 무엇입니까

1. 이벤트는 뷰 레이어에서 로직 레이어로의 통신 방법입니다.

2. 이벤트는 처리를 위해 사용자 행동을 논리 계층에 피드백할 수 있습니다.

3. 이벤트는 구성 요소에 바인딩될 수 있습니다. 트리거 이벤트에 도달하면 논리 계층의 해당 이벤트 처리 기능이 실행됩니다.

4. 이벤트 개체는 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再离开

참고: 위 표 외에도

의 submit 이벤트와 같이 다른 구성요소 사용자 정의 이벤트는 버블링되지 않는 이벤트입니다. input/>의 입력 이벤트, 의 스크롤 이벤트(자세한 내용은 각 구성 요소의 공식 문서를 참조하세요.)

관련 권장 사항:

html 페이지 이동 시 매개변수를 전달하는 방법

Router는 크로스 모듈에서 페이지 점프 문제를 해결합니다.

vue는 로그인 후 페이지가 이전 페이지로 점프하는 것을 인식합니다. 예시 공유

위 내용은 WeChat 애플릿 페이지 점프 이벤트 바인딩 예제에 대한 자세한 설명의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!