问题描述
需求是一个选择时间的选择器,需要加一个选择全部时间的操作。所以需要把清除掉上一次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=&#