Vue页面重绘导致第三方组件van-calendar重新渲染：如何解决？

在IT行业这个发展更新速度很快的行业，只有不停止的学习，才不会被行业所淘汰。如果你是文章学习者，那么本文《Vue页面重绘导致第三方组件van-calendar重新渲染：如何解决？》就很适合你！本篇内容主要包括##content_title##，希望对大家的知识积累有所帮助，助力实战开发！

vue页面重绘导致第三方组件重新渲染

在线表单场景下，使用vue开发。问题如下：

问题描述：
在父组件中，使用了子组件，并通过setinterval不断改变父组件中的一个ref值。在子组件中，使用了第三方组件van-calendar。当在子组件中点击van-calendar切到上一个月之后，会自动切换回7月，像是重新渲染了一样。

原因分析：
正常情况下，calendar组件不会重新渲染。这种情况可能是触发了组件内部的监听导致刷新。

解决方案：

检查以下可能导致刷新的写法：

• 将van-calendar上的max-date绑定到一个data中的变量，而不是使用new date()。
• 检查van-calendar组件上的属性是否有变化，比如绑定的v-model、option之类的。
• 避免使用key属性导致强制刷新，如：

以上就是《Vue页面重绘导致第三方组件van-calendar重新渲染：如何解决？》的详细内容，更多关于的资料请关注golang学习网公众号！