小程序 自定义picker组件根据ID获取值
时间: 2023-07-30 07:11:43 浏览: 99
如果你的自定义picker组件是使用wx-picker组件实现的,可以使用以下方法根据ID获取值:
1. 在自定义picker组件中,定义一个属性用于存储所有选项的数组,数组中每个元素应该包含一个id和对应的value。
```javascript
properties: {
options: {
type: Array,
value: []
}
}
```
2. 为picker组件绑定一个change事件,当选中的值发生变化时触发该事件。
```javascript
methods: {
bindPickerChange(e) {
const id = e.currentTarget.dataset.id;
const value = this.data.options[e.detail.value].value;
this.triggerEvent('change', { id, value });
}
}
```
3. 在父组件中引用自定义picker组件,并在父组件中监听自定义picker组件的change事件,根据id获取选中的值。
```javascript
<custom-picker options="{{options}}" bind:change="onPickerChange"></custom-picker>
onPickerChange(e) {
const id = e.detail.id;
const value = e.detail.value;
// 根据id获取选中的值
}
```
通过以上方法,你可以根据选项的id获取到选中的值,并在父组件中使用。
阅读全文