原文:
Events
当选择器有多列时,事件回调参数会返回数组
事件名 | 说明 | 回调参数 |
---|---|---|
confirm | 点击完成按钮时触发 | 单列:选中值,选中值对应的索引 多列:所有列选中值,所有列选中值对应的索引 |
cancel | 点击取消按钮时触发 | 单列:选中值,选中值对应的索引 多列:所有列选中值,所有列选中值对应的索引 |
change | 选项改变时触发 | 单列:Picker 实例,选中值,选中值对应的索引 多列:Picker 实例,所有列选中值,当前列对应的索引 |
踩坑过程:
<van-popup v-model="showPicker" round position="top">
<van-picker
show-toolbar
:columns="stepGroupColumns"
@cancel="showPicker = false"
@confirm="onConfirm"
/>
</van-popup>
//步骤分类确认
onConfirm(value, index){
console.log(value, index);
}
index一直是undefined
解决:
:default-index="1"
给组件中给个默认索引,这样就能在函数里获取索引了,当然1可以是变量
求解:
源码demo:https://github.com/youzan/vant/blob/dev/src/picker/demo/index.vue
为什么加上默认索引,才能打印出索引呢?看源码更让人懵逼,望指教