暂时未找到原因是因为什么, 通过open事件,使用代码控制下滑一次并刷回来解决此问题(需求比较着急---不给时间继续深入研究了)
代码如下:
<van-calendar
ref="calendarRef"
v-model="show"
:min-date="minDate"
:maxDate="maxDate"
type="range"
@open="openCalendar"
@confirm="onConfirm"
/>
// 解决打开白屏,滑动后才可
openCalendar() {
this.$nextTick(() => {
const calendarDom = document.querySelector('.van-calendar__body')
if (calendarDom) {
let back = calendarDom.scrollTop
setTimeout(() => {
back = calendarDom.scrollTop
calendarDom.scrollTop = back - 2
}, 10)
setTimeout(() => {
calendarDom.scrollTop = back
}, 100)
}
})
},