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:

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: 'JAVA', value: 'Android', checked: 'true'},
  {name: 'Object-C', value: 'IOS'},
  {name: 'JSX', value: 'ReactNative'},
  {name: 'JS', value: 'wechat'},
  {name: 'Python', value: 'Web'}
 ]
 },

 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!