picker组件解析对象

最新推荐文章于 2025-04-22 16:18:30 发布

原创最新推荐文章于 2025-04-22 16:18:30 发布 · 2.7k 阅读

0 ·

CC 4.0 BY-SA版权

本文解析了一个WXML与JS交互的实例，展示了如何通过picker组件选择停车场，并使用JS进行数据绑定及变更处理。该案例涉及WXML视图结构定义、picker组件属性配置以及JS中事件监听和数据更新等关键技术。

解析对象：

 <view class="row-wrapa">
            <view class="labe1_regional">{{i18n[LanguageIndex].Parkinglot}}:</view>
            <picker class="labe11" bindchange="bindCasPickerChange" value="{{park_index}}" range="{{namearray}}" range-key="{{'name'}}">
              <view  class='form-group'>
                <view class='view_name'>{{namearray[park_index].name}}</view>
                <view class='view_orgid'>{{namearray[park_index].org_id}}</view>
              </view>
            </picker>
          </view>

js:

 bindCasPickerChange: function (e) {
    var that = this;
    that.setData({
      park_org_id: that.data.namearray[e.detail.value].org_id,
      park_index: e.detail.value
    })
  },