picker组件解析对象

解析对象:


< 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
})
},

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
要自定义picker组件,可以按照以下步骤进行: 1. 创建一个自定义组件,在组件内部创建一个picker组件。 2. 在组件的js文件中,定义需要传递给picker组件的属性和方法。 3. 在组件的wxml文件中,使用picker组件,并绑定对应的属性和方法。 4. 在使用自定义组件的页面中,引入自定义组件,并传递需要的属性和方法。 以下是一个简单的自定义picker组件的示例代码: 1. 创建自定义组件 ``` // components/custom-picker/custom-picker.js Component({ properties: { // 定义需要传递给picker组件的属性 range: { type: Array, value: [] }, value: { type: Number, value: 0 } }, methods: { // 定义需要传递给picker组件的方法 onChange(event) { const { value } = event.detail; this.triggerEvent('change', { value }); } } }) ``` 2. 在组件的wxml文件中使用picker组件 ``` <!-- components/custom-picker/custom-picker.wxml --> <view class="picker-container"> <picker mode="selector" bindchange="onChange" :range="{{ range }}" :value="{{ value }}" > <view class="picker-value">{{ range[value] }}</view> </picker> </view> ``` 3. 在使用自定义组件的页面中引入并使用 ``` <!-- pages/index/index.wxml --> <custom-picker range="{{ ['选项一', '选项二', '选项三'] }}" value="{{ 0 }}" bind:change="onPickerChange" ></custom-picker> ``` 在页面的js文件中定义onPickerChange方法,接收自定义picker组件传递的value值。 这样就可以实现自定义picker组件了。注意,在实际开发中,还需要根据具体的需求进行样式和功能的定制。

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值