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

相关内容

热门资讯

黑科技辅助！aapoker辅助... 黑科技辅助！aapoker辅助透视，（AAPoKer德州）原来真的有挂，必备教程（解惑）-哔哩哔哩;...
黑科技辅助！微扑克透牌真假，（... 您好，微扑克透牌这款游戏可以开挂的，确实是有挂的，需要了解加微【136704302】很多玩家在这款游...
黑科技辅助！fishpoker... 黑科技辅助！fishpoker正规，（鱼扑克俱乐部）原来真的有挂，解密教程（猫腻）-哔哩哔哩是一款可...
黑科技辅助！微扑克有辅助挂，（... 《黑科技辅助！微扑克有辅助挂，（微扑克ai智能）原来真的有挂，必胜教程（助手）-哔哩哔哩》 微扑克有...
黑科技辅助！wpk ai机器人... 黑科技辅助！wpk ai机器人，（WPK ai辅助）原来真的有挂，揭秘教程（秘籍）-哔哩哔哩;WPK...
黑科技辅助！wepoke算法，... 黑科技辅助！wepoke算法，（WePoKe参数）原来真的有挂，系统教程（有挂规律）-哔哩哔哩;一、...
黑科技辅助！wpk有ai，（W... 黑科技辅助！wpk有ai，（WPK发牌）原来真的有挂，解说技巧（功能）-哔哩哔哩是一款可以让一直输的...
黑科技辅助！wepoke智能a... 黑科技辅助！wepoke智能ai，（WePoKe支持）原来真的有挂，玩家教你（果真有挂）-哔哩哔哩；...
黑科技辅助！微扑克ai辅助工具... 您好：微扑克ai辅助这款游戏可以开挂的，确实是有挂的，很多玩家在这款游戏中打牌都会发现很多用户的牌特...
黑科技辅助！wepoke有挂蓝... 黑科技辅助！wepoke有挂蓝鸟，（wepoke）原来真的有挂，2025新版教程（有挂神器）-哔哩哔...