WeChat 애플릿의 모달 팝업 구성 요소에 대한 자세한 설명

본 글은 주로 WeChat 미니 프로그램 모달 팝업 구성 요소에 대한 자세한 설명과 관련된 정보를 소개하고, 간단한 예시를 첨부합니다. 도움이 필요한 친구는

WeChat 미니 프로그램 모달을 참고하세요. 🎜>

위챗 미니 프로그램의 모달 구성 요소에 대한 자세한 분석은 위챗 미니 프로그램을 개발하는 친구들이 사용할 수 있을 것 같습니다. 여기에 편집자가 모달 지식의 핵심 사항을 기록할 것입니다.

모달

모달은 기본적으로 확인 및 취소가 가능한 팝업 상자입니다. 취소를 클릭하면 팝업 상자가 나타나지 않습니다. 자동으로 숨기려면 이벤트를 발생시키고 함수를 호출하여 숨겨진 속성을 제어해야 합니다.

공식문서

.wxml

<modal hidden="{{hidden}}" title="这里是title" confirm-text="自定义确定按钮" cancel-text="自定义取消按钮" bindcancel="cancel" bindconfirm="confirm" no-cancel="{{nocancel}}">
  这是对话框的内容。
</modal>

.js

Page({
  data:{
    hidden:false,
    nocancel:false
  },
  cancel: function(){
    this.setData({
       hidden: true
    });
  },
  confirm: function(){
    this.setData({
       nocancel: !this.data.nocancel
    });  
    console.log("clicked confirm");
  }
})

실행 효과

위 내용은 WeChat 애플릿의 모달 팝업 구성 요소에 대한 자세한 설명의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!