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

相关内容

热门资讯

透视好牌！wpk透视是真的假的... 透视好牌！wpk透视是真的假的，wepoker游戏的安装教程，教程书教程（有挂技巧）-哔哩哔哩一、w...
透视科技！wpk辅助插件，wp... 透视科技！wpk辅助插件，wpk透视插件，手册教程（证实有挂）-哔哩哔哩wpk辅助插件辅助器中分为三...
透视能赢！hhpoker辅助靠... 透视能赢！hhpoker辅助靠谱吗，wepoker怎么设置房间，手段教程（有挂技巧）-哔哩哔哩1、让...
透视好友！wpk刷入池率脚本，... 透视好友！wpk刷入池率脚本，wepoker免费透视，操作教程（有挂技巧）-哔哩哔哩wpk刷入池率脚...
透视脚本！有哪些免费的wpk辅... 透视脚本！有哪些免费的wpk辅助码，wepoker如何设置透视，经验教程（有挂秘笈）-哔哩哔哩在进入...
透视ai代打！如何下载wepo... 透视ai代打！如何下载wepoker安装包，哈糖大菠萝挂，指南书教程（有挂技巧）-哔哩哔哩1、让任何...
透视总结！德普软件，德州来玩辅... 透视总结！德普软件，德州来玩辅助器，法门教程（有挂技术）-哔哩哔哩德州来玩辅助器辅助器中分为三种模型...
透视黑科技！hhpoker德州... 透视黑科技！hhpoker德州机器人，hhpoker到底可以辅助吗，演示教程（有挂攻略）-哔哩哔哩h...
透视规律！哈糖大菠萝挂，德州真... 透视规律！哈糖大菠萝挂，德州真人透视脚本，指南书教程（确实有挂）-哔哩哔哩1、这是跨平台的德州真人透...
透视工具！agpoker辅助，... 透视工具！agpoker辅助，wepoker开辅助能查到吗，经验教程（有挂细节）-哔哩哔哩1、这是跨...