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

vue页面重绘导致第三方组件van-calendar重新渲染:如何解决?

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重新渲染:如何解决?的详细内容,更多请关注【创想鸟】其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至253000106@qq.com举报,一经查实,本站将立刻删除。

发布者:PHP中文网,转转请注明出处:https://www.chuangxiangniao.com/p/2650431.html

(0)
上一篇 2025年3月7日 08:37:02
下一篇 2025年3月7日 08:37:12

AD推荐 黄金广告位招租... 更多推荐

相关推荐

发表回复

登录后才能评论