小程序一个页面多个picker mode=“date”组件

多个picker 会出现页面联动 index错乱
解决方法1:
1、通过记录当前点击的对象在数组里的下标index
2、再赋值给当前下标为index的对象

<repeat for="{{selectedlist}}" key="templateList" index="index" item="template">
                  <view   wx:if="{{template.fieldname === '日期'}}">
                    <view class="user-name ub ub-ac item">
                      <view class="mark">
                        <text class="asterisk">*</text>日期
                      </view>
                      <view class="ub-f1 ub ub-ac"  @tap="recordIndex({{index}})">
                         <picker mode="date" name="birthday" value="{{template.value}}" bindchange="bindDateChange">
                          <view class="picker">
                            {{template.value}}
                          </view>
                         </picker>
                      </view>
                      <view class="icon iconfont icon-more select-item"></view>
                    </view>
                </view>
</repeat>


  data = {
    selectedlist:[], //
    operaIndex: 0  //记录所点击的index
  }

methods:{
    recordIndex(index){
      this.operaIndex = index;
      this.$apply()
    },
    bindDateChange: function(e) {
       console.log('picker发送选择改变,携带值为', e.detail.value)
       this.selectedlist[this.operaIndex].value = e.detail.value
       this.$apply()
    },

}



  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值