数据格式:
column: [
{ label: "杭州", id: 0 },
{ label: "宁波", id: 1 },
],
要求下拉显示label, 获取id. 尝试插槽失败,并且官网上没有案例。
采用如下方式:
value-key=“label”
<van-popup v-model="showPicker" round position="bottom">
<van-picker
show-toolbar
:default-index="0"
value-key="label"
:columns="column"
@cancel="showPicker = false"
@confirm="onConfirm"
>
</van-picker>
</van-popup>
点击confirm时,回调参数是当前选中的项。 记录一下。