위 챗 애플 릿 이 페이지 감청 사용자 정의 구성 요소 의 트리거 이 벤트 를 실현 합 니 다.

위 챗 애플 릿 은 페이지 감청 사용자 정의 구성 요소 의 트리거 이 벤트 를 실현 합 니 다.참고 하 시기 바 랍 니 다.구체 적 인 내용 은 다음 과 같 습 니 다.
수요:위 챗 애플 릿 개발 과정 에서 페이지 는 보통 알림 탄 상 자 를 사용 합 니 다.이 때 코드 의 양 과 코드 의 확장 성 을 줄 이기 위해 서 우 리 는 알림 구성 요 소 를 사용자 정의 하 는 것 이 필요 합 니 다.그렇다면 문제 가 생 겼 습 니 다.페이지 는 구성 요소 의 트리거 사건 을 어떻게 감청 합 니까?
사용자 정의 구성 요소 의 트리거 이 벤트 를 페이지 에서 어떻게 감청 하 는 지 자세히 설명해 드 리 겠 습 니 다.
prompt 구성 요소:
1.우선 알림 구성 요소 ui 를 구축 합 니 다.뒤의 각 페이지 에서 이 구성 요 소 를 사용 할 수 있 기 때문에 저 는 페이지 에서 제시 어 를 보 여 주 는 것 을 선택 하 였 습 니 다.
2.그리고 prompt.js 의 클릭 이벤트 에서 방법 이름 을 지정 합 니 다.이 방법 은 뒤쪽 페이지 에서 감청 구성 요 소 를 호출 할 때 사용 해 야 합 니 다.

// prompt.wxml
<view class="main" catchtouchmove="catchTouchMove">
 <view class="main-mask"></view>
 <view class="main-content">
 <view class="content-title">  </view>
 <view class="content-text">{{txtTips}}</view>
 <button class="btn-confirm" bindtap="bindConfirm">_ </button>
 </view>
</view>

// prompt.js
Component({
 /**
 *        
 */
 properties: {
 txtTips: String,//      
 },

 /**
 *        
 */
 data: {

 },

 /**
 *        
 */
 methods: {
 //    
 bindConfirm: function (e) {
  this.triggerEvent('events');
 },

 //       --        
 catchTouchMove: function (res) {
  return true;
 },
 }
})
홈 페이지:
1.우선 home.json 의"usingComponents"속성 에 prompt 구성 요소 주 소 를 도입 해 야 합 니 다.
2.그리고 home.wxml 에구성 요 소 를 도입 하고 바 인 딩 된 이벤트 이름 은 구성 요소 에서 triggerEvent 방법 이 지정 한 이름과 일치 해 야 합 니 다.
3.위의 두 단 계 를 완성 한 후에 우 리 는 js 페이지 에서 조작 구성 요소 의 트리거 사건 을 감청 할 수 있 습 니 다.

// home.json
{
 "usingComponents": {//           
 "prompt": "/component/prompt/prompt"
 }
}

// home.wxml
<view class="main">
 <button bindtap="bindEjectComponent">       </button>
 <!--      -->
 <prompt txtTips="{{txtTips}}" bind:events="bindPromptConfirm" wx:if="{{isShowPromptComponent}}"/>
</view>

// home.js
Page({
 /**
        
 */
 data: {
 isShowPromptComponent: false,//          
 },

 //         
 bindEjectComponent:function(e){
 var that = this;
 that.setData({
  isShowPromptComponent: true,
  txtTips:"Hi,          !",
 })
 },

 //        
 bindPromptConfirm: function (e) {
 var that = this;
 that.setData({
  isShowPromptComponent: false,
 })
 },
})
여기'페이지 감청 구성 요소 트리거 이벤트'기능 이 실 현 됩 니 다!!마지막 으로 영상 을 보 여 주 며 효 과 를 보 여 줍 니 다.

현재 관심 도가 높 은 위 챗 애플 릿 튜 토리 얼 을 추천 합 니 다.
이상 이 바로 본 고의 모든 내용 입 니 다.여러분 의 학습 에 도움 이 되 고 저 희 를 많이 응원 해 주 셨 으 면 좋 겠 습 니 다.

좋은 웹페이지 즐겨찾기