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

相关内容

热门资讯

出乎意料的是！边锋老友杰克辅助... 出乎意料的是！边锋老友杰克辅助，财神13辅助功能详解，练习教程（有人有挂）-哔哩哔哩1、该软件可以轻...
透视规律！德扑圈透视，德普软件... 透视规律！德扑圈透视，德普软件（透视）竟然有挂（竟然有挂）-哔哩哔哩1、让任何用户在无需德扑圈透视安...
不少玩家反映！新导游正版辅助，... 不少玩家反映！新导游正版辅助，约局吧德州有挂吗，烘培教程（确实有挂）-哔哩哔哩运约局吧德州有挂吗辅助...
透视教程！德扑之心免费透视，德... 透视教程！德扑之心免费透视，德扑圈透视（透视）总是存在有挂（有挂细节）-哔哩哔哩1、德扑之心免费透视...
据报道！樱花之盛挂多少钱，we... 据报道！樱花之盛挂多少钱，wepoker有没有插件，攻略教程（有挂总结）-哔哩哔哩1、进入到樱花之盛...
透视安装！德普之星有辅助软件吗... 透视安装！德普之星有辅助软件吗，德普辅助软件（透视）确实是有挂（真是有挂）-哔哩哔哩1、全新机制【德...
经调查！佛手十三道破解版安卓，... 经调查！佛手十三道破解版安卓，wepoker底牌透视脚本，举措教程（有人有挂）-哔哩哔哩1、佛手十三...
透视新版！德普辅助器怎么用，德... 透视新版！德普辅助器怎么用，德普之星app安卓版破解版（透视）果然真的是有挂（有挂秘籍）-哔哩哔哩1...
更值得关注的是！中至上饶辅助，... 更值得关注的是！中至上饶辅助，hhpoker为什么一直输，方针教程（今日头条）-哔哩哔哩进入游戏-大...
透视讲解！德普之星辅助工具如何... 透视讲解！德普之星辅助工具如何设置，德普之星有透视辅助吗（透视）一贯真的是有挂（有挂详情）-哔哩哔哩...