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在渲染新的数据系列之前删除旧的数据系列。

相关内容

热门资讯

第九分钟辅助！德普之星私人局辅... 第九分钟辅助！德普之星私人局辅助器，德普之星辅助工具如何打开，步骤教程（有挂猫腻）1、德普之星辅助工...
五分钟辅助！wepoker可以... 五分钟辅助！wepoker可以开透视吗，pokemmo手机版透视脚本，讲义教程（有挂神器）在进入po...
五分钟辅助！pokermast... 五分钟辅助！pokermaster修改器，wepoker安装教程，教程书教程（证实有挂）1、下载好p...
5分钟辅助！wpk辅助，佛手在... 5分钟辅助！wpk辅助，佛手在线大菠萝技巧，手段教程（有挂方法）1、进入游戏-大厅左侧-新手福利-激...
八分钟辅助！wepoker私人... 八分钟辅助！wepoker私人局透视，fishpoker透视底牌，积累教程（了解有挂）1、很好的工具...
十分钟辅助！poker mas... 十分钟辅助！poker master辅助，wepoker透视app下载，妙计教程（发现有挂）1、玩家...
第八分钟辅助！poker辅助器... 第八分钟辅助！poker辅助器免费安装，德普之星有辅助软件吗，方式教程（详细教程）德普之星有辅助软件...
3分钟辅助！aapoker万能... 3分钟辅助！aapoker万能辅助器，wepoker买脚本靠谱吗，大纲教程（的确有挂）3分钟辅助！a...
第9分钟辅助！德州局透视脚本，... 第9分钟辅助！德州局透视脚本，wepoker透视是真的吗，手段教程（有挂秘诀）wepoker透视是真...
5分钟辅助！hhpoker有没... 5分钟辅助！hhpoker有没有辅助，德州局hhpoker，举措教程（有人有挂）1、进入到hhpok...