ApexCharts在Vue3中渲染两次的问题。
创始人
2024-11-10 02:30:49
0次
  1. 在 Vue 生命周期的 mounted 钩子中创建 chart 实例并渲染。不要在 beforeMount 钩子中创建实例，因为在这个阶段会进行一次组件渲染，而 Apex Charts 的渲染会触发一次重新渲染。

示例代码：
  1. 使用 v-if 控制图表是否需要渲染，这样可以避免渲染两次。在第一次渲染时设置为 false，然后在 mounted 钩子中设置为 true 并渲染图表。

示例代码：

上一篇：Apexcharts在TypeScript中的本地化问题。

下一篇：Apexcharts在渲染新的数据系列之前删除旧的数据系列。

相关内容

热门资讯

透视透视！wepoke插件，w... 透视透视！wepoke插件，wpk ai辅助，本来有挂（详细辅助AI教程）；1、完成wpk ai辅助...
辅助透视！wepoke有辅助挂... 辅助透视！wepoke有辅助挂，德州ai软件使用，一贯是有挂（详细辅助微扑克教程）小薇（透视辅助）致...
透视好友！wpk透明挂，wpk... 透视好友！wpk透明挂，wpk数据工具，原来真的有挂（详细辅助安装教程）1、wpk透明挂透视辅助简单...
透视计算！aapoker辅助工... 透视计算！aapoker辅助工具，云扑克辅助器苹果，竟然存在有挂（详细辅助黑科技教程）1、aapok...
透视工具！wpk ai辅助，w... 透视工具！wpk ai辅助，wpk透视辅助测试，果然是有挂（详细辅助2025版教程）进入游戏-大厅左...
透视美元局！智星德州菠萝，wp... 透视美元局！智星德州菠萝，wpk系统发牌规律，确实是有挂（详细辅助wepoke教程）1、构建自己的智...
透视脚本！wepoke ai辅... 透视脚本！wepoke ai辅助，德州之星辅助透视，真是存在有挂（详细辅助总结教程）；1、起透看视 ...
透视肯定！aapoker外挂，... 透视肯定！aapoker外挂，wpk辅助器是真是假，总是真的有挂（详细辅助透明挂教程）；1、完成aa...
透视玄学！微扑克wpk透视辅助... 透视玄学！微扑克wpk透视辅助，德扑之星如何开房间，切实真的是有挂（详细辅助德州论坛）1、微扑克wp...
透视科技！wpk辅助挂，wep... 透视科技！wpk辅助挂，wepok软件透明挂，都是真的是有挂（详细辅助必赢方法）1、打开软件启动之后...