Heim  >  Artikel  >  WeChat-Applet  >  Detaillierte Einführung in die Formularkomponente des WeChat-Miniprogramms

Detaillierte Einführung in die Formularkomponente des WeChat-Miniprogramms

高洛峰
高洛峰Original
2017-03-06 10:25:471752Durchsuche

Detaillierte Einführung in die Formularkomponente des WeChat-Miniprogramms

Die Formularkomponente dient dazu, die Werte aller ausgewählten Attribute im Formular zu übermitteln. Beachten Sie, dass für jede Komponente im Formular andernfalls ein Namensattribut angegeben werden muss Es wird nicht übermittelt. Die beiden Submit- und Reset-Attribute des Typs entsprechen jeweils den beiden Ereignissen des Formulars

Hauptattribute:

Detaillierte Einführung in die Formularkomponente des WeChat-Miniprogramms

wxml

<form bindsubmit="listenFormSubmit" bindreser="listenFormReser" >
 <checkbox-group name="checkbox" bindchange="listenerCheckbox">
  <label style="display: flex" wx:for-items="{{items}}">
   <checkbox value="{{item.name}}"/>{{item.value}}
  </label>
 </checkbox-group>

<!--button formType属性两个可选值submit, reset分别会触发form的submit,reser事件 -->
 <button formType="submit" type="primary">提交</button>
 <button formType="reset" type="warn">重置</button>
</form>

js

Page({
 /**
  * 初始化数据
  */
 data:{
 items: [
  {name: &#39;JAVA&#39;, value: &#39;Android&#39;, checked: &#39;true&#39;},
  {name: &#39;Object-C&#39;, value: &#39;IOS&#39;},
  {name: &#39;JSX&#39;, value: &#39;ReactNative&#39;},
  {name: &#39;JS&#39;, value: &#39;wechat&#39;},
  {name: &#39;Python&#39;, value: &#39;Web&#39;}
 ]
 },

 listenCheckboxChange: function() {
 console.log(e.detail.value);
 },

 onLoad:function(options){
 // 页面初始化 options为页面跳转所带来的参数
 }
})

Ausführlichere Einführungen in die Formularkomponenten des WeChat-Miniprogramms und verwandte Artikel finden Sie auf der chinesischen PHP-Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn