> 위챗 애플릿 > 미니 프로그램 개발 > 미니 프로그램 개발-입력 태그 예제 튜토리얼

미니 프로그램 개발-입력 태그 예제 튜토리얼

零下一度
풀어 주다: 2017-05-24 09:15:33
원래의
2317명이 탐색했습니다.

이 글에서는 위챗 미니 프로그램의 입력 태그에 대한 자세한 설명과 간단한 예시에 대한 관련 정보를 주로 소개합니다. 도움이 필요한 친구는

위챗 미니 입력 태그에 대한 자세한 설명과 간단한 예시를 참고하세요. 프로그램

우리 모두는 입력 태그를 사용하는 방법을 알고 있습니다. WeChat 미니 프로그램에서는 확실히 사용할 수 있지만 습관에 따라 사용할 수 없는 몇 가지 속성이 있습니다. 내가 가장 좋아하는 것을 사용합니다. 일반적으로 사용되는 예:

하나씩 해석:

首先,我是定义了他的id,这是我们最常用的,所以就配了一个id,毕竟不操作他,又为什么设成输入框呢, 
第二,设置他的样式, 
第三,设置他的输入类别,以上都是很简单的 
第四。使用正则l;哎限定输入为纯数字。这点可能有点不理解,这是对他的keyup事件监听,将不是纯数字的list无视掉。注意,是对整个,不是经行筛选。 
第五,限制他的输入最多6位数 
第六输入事件监听。这是微信专属的,他的事件下面会给出 
第七,设置当输入框为空的时候他的‘提示语';
로그인 후 복사

bindinput 이벤트:

bind, 이름에서 알 수 있듯이, is 바인딩, 바인딩 입력 입력

이벤트는 다음과 같습니다.

 tapevent:function(e){
  // 减少的时候
  if (e.target.id =="increase"){
this.data.tickets++;
this.setData(this.data);
  }
  else {
   this.data.tickets--;
   this.setData(this.data);
  }
  // 在这里修改总额
 },
로그인 후 복사

발췌 내용이므로 이 부분까지 어떻게 실행하는지 궁금하지 않으시면 보실 수 있습니다. tapevent는 함수로 정의됩니다. 그리고 여기서 운영하다 보면 위챗이

안드로이드와 거의 똑같다는 생각이 듭니다. 페이지를 새로 고치면 됩니다.

[관련 추천]

1.

위챗 미니 프로그램 전체 소스코드 다운로드

2.위챗 미니 프로그램 데모: Kaka 자동

3.

간단한 왼쪽 스와이프 조작과 폭포수 흐름 레이아웃

위 내용은 미니 프로그램 개발-입력 태그 예제 튜토리얼의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
최신 이슈
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿