van-calendar初始化显示空白滑动才显示问题

Kiki-Fish

于 2024-08-12 16:06:49 发布

阅读量142

点赞数 1

分类专栏： vant vue 文章标签：前端 javascript vue.js

本文链接：https://blog.csdn.net/KIKIguo/article/details/141128167

版权

vant vue 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

问题描述：

初始打开是显示如图所示，鼠标滑动一下恢复数据

解决方案：模拟鼠标滚动效果

网上找了方法不行，修改一下可以了

 // 解决打开白屏，滑动后才可
    openCalendar() {
      this.$nextTick(() => {
        const calendarDom = document.querySelector('.van-calendar__body');
        if (calendarDom) {
          let back = calendarDom.scrollTop;
          setTimeout(() => {
            back = calendarDom.scrollTop;
            console.log(back);
            calendarDom.scrollTop = back - 2;
          }, 10);
          // setTimeout(() => {
          //   calendarDom.scrollTop = back;
          // }, 100);
        }
      });
    },