官方文档:default-index 单列选择时,默认选中项的索引 number | string 0
defaultIndex 这个属性只是一个初始值,
如果需要动态改变 index索引:
建议使用 picker 实例的 setIndexes 方法
通过 ref 可以获取到 Picker 实例并调用实例方法,
setIndexes 设置所有列选中值对应的索引 indexes -
// 1.给van-picker设置ref,如ref="van_picker"
<van-popup v-model="showPicker" position="bottom">
<van-picker
show-toolbar value-key="label" ref="van_picker"
:columns="columns" :default-index="defaultBuIndex"
@confirm="onConfirm" @cancel="showPicker = false"
/>
</van-popup>
// 2. 在需要的方法中调用:
this.$nextTick(() =>{
this.$refs.van_picker.setIndexes([0]) // 注意这里是数组[索引值]
})