问题描述,如图
ipad(平板)或者 H5移动端引入Vant组件的日历组件(van-calendar),初始化显示空白,需滚动一下屏幕,才可正常显示
解决方法
需在van-calendar上绑定@open="openCalendar"事件
js
// 解决打开白屏,滑动后才可
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)
}
})
},