WeChat 애플릿 페이지 점프 이벤트 바인딩 예제에 대한 자세한 설명
- 小云云원래의
- 2018-02-07 13:47:393007검색
이 글에서는 위챗 미니 프로그램 페이지 점프 이벤트 바인딩의 세부 예시에 대한 관련 정보를 주로 소개합니다. 이 글을 통해 미니 프로그램 페이지 점프 및 이벤트 바인딩 예시를 이해하고 적용할 수 있기를 바랍니다. 그것을 참조하십시오. 모두에게 도움이 될 수 있기를 바랍니다.
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再离开
참고: 위 표 외에도
의 submit 이벤트와 같이 다른 구성요소 사용자 정의 이벤트는 버블링되지 않는 이벤트입니다. input/>의 입력 이벤트,관련 권장 사항:
Router는 크로스 모듈에서 페이지 점프 문제를 해결합니다.
vue는 로그인 후 페이지가 이전 페이지로 점프하는 것을 인식합니다. 예시 공유
위 내용은 WeChat 애플릿 페이지 점프 이벤트 바인딩 예제에 대한 자세한 설명의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!