微信小程序获取动态的表单数据【项目】

1、设置 data-index="{ {index}}"


 <repeat for="{
   
   {selectedlist}}" key="templateList" index="index" item="template">
                  <view class="user-name ub ub-ac item split-line"  wx:if="{
   
   {template.typename === '微信号' || template.typename === '单行文本' || template.typename === '姓名'}}">
                    <view class="mark">
                      <text class="asterisk {
   
   {template.isrequired ? '' : 'hidden'}}">*</text>{
   
   {template.fieldname}}
                    </view>
                    <view class="ub-f1 ub ub-ac">
                      <input
                        value="{
   
   {template.value}}"
                        type="text"
                        data-index="{
   
   {index}}"
                        placeholder="{
   
   {template.fieldtip}}"
                        placeholder-class="vipCard-placeholder"
                        maxlength="30"
                        bindchange="bindInputChange" 
                      />
                    </view>
                  </view>
 </repeat >

bindInputChange: function(e) {
    let dataset = e.currentTarget.dataset; // 获取索引
    let value = e.detail.value; // 获取value
    this.selectedlist[dataset ].value = value
 }

猜你喜欢

转载自blog.csdn.net/qq_26642611/article/details/109496152