>  기사  >  위챗 애플릿  >  WeChat 애플릿을 클릭하여 여러 formId를 얻는 방법

WeChat 애플릿을 클릭하여 여러 formId를 얻는 방법

angryTom
angryTom앞으로
2020-03-16 10:52:093350검색

위챗 애플릿을 클릭하여 여러 개의 폼미드를 얻는 방법을 소개한 글입니다. 위챗 애플릿 개발을 배우고 있는 친구들에게 도움이 되었으면 좋겠습니다!

WeChat 애플릿을 클릭하여 여러 formId를 얻는 방법

WeChat 애플릿을 클릭하여 여러 양식 ID를 얻는 방법

WeChat 애플릿 획득 다중 formId 방식은 미니 프로그램의 한 번의 클릭으로 여러 양식을 제출하는 문제를 해결합니다. 로그인 버튼을 클릭하면 양식을 한 번 제출하고 양식 ID를 한 번 얻을 수는 없는 것 같습니다. 한 번의 클릭으로 여러 제출을 달성할 수 있습니다.

여러 개의 양식 ID를 얻는 WeChat 애플릿 방법의 핵심은 직면한 문제와 이를 해결하는 과정입니다.

추천 학습: navicat tutorial

요구 사항: WeChat 애플릿은 한 번 클릭하면 여러 양식을 제출할 수 있습니다. 실제로 비즈니스 요구 사항이 있습니다. 너무 명확하게 작성하고 싶지는 않습니다. 이렇게 해본 학생들은 자연스럽게 이해할 것입니다

위의 몇 줄의 코드와 마찬가지로 로그인 버튼을 클릭하기만 하면 양식을 한 번만 제출할 수 있습니다. formId를 한 번 가져오지만 한 번의 클릭으로 여러 제출을 수행하려면 버튼을 축소하든 다른 이상한 방법을 사용하든 이러한 코드 줄을 복사하는 것만으로는 충분하지 않은 것 같습니다.

여기서 이야기할 내용은 클릭 침투 방식입니다

뷰를 내부(버튼 내부)에 작성했습니다

Let you 살펴보기 스타일(스타일은 매우 중요합니다)

      .btn{
        width: 20rpx;
        height: 20rpx;
        margin: 0;
        padding: 0;
        border-radius: 0;
        position: fixed;
        background: rgba(0,155,0,0.5);
        top: 0;
      }
      button::after{
        border:none;
      }
      .aa{
        width: 200rpx;
        height: 200rpx;
        background: rgba(0,155,0,0.5);
        position:fixed;
        top: 0;
      }再看一下js,顺便说一下,模拟器上看不到实际的formId,用手机调试模式可以看到
      formSubmit: function(e) {
          if (e.detail.formId != \'the formId is a mock one\') {
              this.setData({
                  formIdString: e.detail.formId + , + this.data.formIdString
              })
          }
          console.log(this.data.formIdString)
      },

녹색 영역을 클릭하면 버튼을 클릭한 다음 양식을 제출할 수 있습니다.

# 🎜🎜#

WeChat 애플릿을 클릭하여 여러 formId를 얻는 방법

wxml 코드 전체를 복사해서 뷰에 넣어두는 모습은 이전과 비슷하지만 실제로는 스택형입니다.

#🎜🎜 #

#🎜🎜 #그런데 실제 동작에서는 녹색 부분을 클릭하면 2번 제출되고, 빨간색 부분을 클릭하면 1번만 제출됩니다. 왜 사진을 먼저 보세요WeChat 애플릿을 클릭하여 여러 formId를 얻는 방법#🎜 🎜#

#🎜 🎜#
더 많은 양식 ID를 원할 경우 추가로 복사하여 붙여넣어야 합니다. 아직 좋은 해결책은 없습니다.

추천 학습: WeChat 애플릿을 클릭하여 여러 formId를 얻는 방법작은프로그램개발

위 내용은 WeChat 애플릿을 클릭하여 여러 formId를 얻는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
이 기사는 zixun.jisuapp.cn에서 복제됩니다. 침해가 있는 경우 admin@php.cn으로 문의하시기 바랍니다. 삭제