VantPicker组件问题，Picker设置选中值，清除Picker选中值.pdfVIP

VantPicker组件问题，Picker设置选中值，清除Picker选中值 Picker 设置选中值/恢复默认选项/清空选中值/切换 问题描述 需求是⼀个选择时间的选择器，需要加⼀个选择全部时间的操作。所以需要把清除掉上⼀次Picker选中的值。Vant的⽂档的实例⽅法都没 有⽰例，着实是费了很⼤劲。 ⽬前逻辑是选择时间点击确定的话是按筛选时间去查询。点击全部时间按全部时间去查询，把picker恢复到默认状态。 代码 template的结构 van-popup v-model=showPicker position=top :lazy-render=false div class=time-picker-container div class=all-time :class=allTimeFlag ? is-active : @click=selectAllTime全部时间/div div class=picker-wrapper div class=time-picker-label年/div van-picker ref=yearPicker class=time-picker :columns=yearColumns visible-item-count=3 item-height=0.56rem :default-index=yearIndex @change=changeYear /van-picker div class=time-picker-label month-label⽉/div van-picker ref=monthPicker class=time-picker :columns=monthColumns visible-item-count=3 item-height=0.56rem :default-index=monthIndex @change=changeMonth /van-picker /div van-button class=ok-btn @click=confirmHandler确定/van-button /div /van-popup js export default { data() { return { yearColumns: [2021, 2022], monthColumns: [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12], 单列选择时，默认选中项的索引 yearIndex: 0, // 单列选择时，默认选中项的索引 monthIndex: 0, // 选中项的索引 currentYearIndex: 0, // 选中项的索引 currentMonthIndex: 0 // } }, methods: { 选择年份 // changeYear(option, val, index) { console.log(option, val, index, 年改变) this.currentYearIndex = index }, 选择⽉份 // changeMonth(option, val, index) { console.log(option, val, index, ⽉改变) this.currentMonthIndex = index }, selectAllTime() { this.allTimeFlag = true this.conditions.time = 时间 恢复时间默认值 // this.$refs.yearPicker.setColumnIndex(0, this.currentYearIndex[0])