vant 2 Calendar控件IOS下空白

今天写代码发现 vant2 Calendar控件的一个BUG。

具体体现为在IOS的真实手机上，某些机型打开后日历显示一片空白，拖动一下就又恢复了正常显示出来了。

使用了解决办法模拟滚动下。关键是时机问题，查下文档发现opened的事件可以满足。

<van-calendar

class="my-calendar"

v-model="show"

:show-subtitle="false"

@opened="calendarOpened"

:default-date="date"

:min-date="minDate"

:max-date="maxDate"

@confirm="onConfirm"

@open="clickDate"

methods: {

calendarOpened() {

const initTop = document.querySelector('.van-calendar__body').scrollTop

document.querySelector('.van-calendar__body').scrollTop = initTop - 1

}

立马永久解决这个问题。

vant 2 Calendar控件IOS下空白相关推荐

vs2010中Calendar控件的一些使用
一.返回指定日期前后的某一日期; // Sets a DateTime to April 3, 2002 of the Gregorian calendar. DateTime myDT ...
ExtJS 日历Calendar 控件使用
ExtJS6 提供了日历控件,但是官网的demo贼坑,只讲了ajax使用,经过不懈努力地,无头苍蝇式尝试,终于摸到了使用门槛. 首先在具体项目里,引用calendar的包. 其次设定好calend ...
ASP.NET Calendar 控件
ASP.NET Calendar 控件 http://www.w3school.com.cn/aspnet/control_calendar.asp 转载于:https://www.cnblogs.c ...
WPF- 关于自定义Calendar控件
由于项目对更改日期时间的需要,接触了一下Calendar控件.结果发现在这么强大的控件的背后,微软其实并没有为开发人员留有很强的扩展性. (项目要求的Calendar控件能对一些特定的日期进行特殊处 ...
Windows Phone开发（11）：常用控件（下）
原文:Windows Phone开发(11):常用控件(下) WP控件大部分都可以从Silverlight中继承过来,这里我也只能拿一部分作演示,对于其它控件如何使用,可以参考SDK相关说明以及Sil ...
elementui树状菜单tree_Vue+Element UI 树形控件整合下拉功能菜单（tree + dropdown +input）...
这篇博客主要介绍树形控件的两个小小的功能: 下拉菜单输入过滤框以CSS样式为主,也会涉及到Vue组件和element组件的使用. 对于没有层级的数据,我们可以使用表格或卡片来展示.要展示或建立层级 ...
ASP.NET 在vs中使用Calendar控件制作一个日历并标注节假日
Calendar控件 Calendar控件可以说用户方便.准确地选择日期或查看与日期相关的数据.当创建Calendar控件中的每个日期单元格均会引发DayRender事件,通过DayRender事件的 ...
ASP.NET Calendar 控件在中文服务器上显示为英文星期的处理
同样的一个软件,部署在十几台服务器上,不同的客户来使用,其中一个使用了Calendar控件的页面,在大多数客户的计算机上都显示为中文,但是有个别服务器输出到客户端显示为英文.检查并修改了IE浏览器的语 ...
Matlab App Designer自学笔记(十四)：分档旋钮控件、下拉菜单控件、微调控件
由于一些主观及客观的原因,博主已经放弃了在CSDN上更新文章,感兴趣的朋友可以去我的个人博客去浏览可能需要的文章. 陶小桃Blog-无限进步的优质帅气大学生!热衷于分享技术和日常生活的机械专业小哥哥, ...

vant 2 Calendar控件IOS下空白

vant 2 Calendar控件IOS下空白相关推荐

最新文章

热门文章