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

相关内容

热门资讯

今日百科！博雅红河西元红河破解... 今日百科！博雅红河西元红河破解版，wepoker透视苹果系统，曝光教程（有挂方针）;亲，有的，ai轻...
攻略讲解！福建天天开心辅助工具... 攻略讲解！福建天天开心辅助工具下载，wpk官网下载链接，新版2025教程（今日头条）;1、很好的福建...
带你了解！赣南好友辅助，拱趴大... 带你了解！赣南好友辅助，拱趴大菠萝万能挂，解密教程（发现有挂）是一款可以让一直输的玩家，快速成为一个...
玩家必看科普！边锋干瞪眼ios... 玩家必看科普！边锋干瞪眼ios辅助微信，佛手大菠萝辅助，微扑克教程（有挂透明挂）是一款可以让一直输的...
总算了解！长乐互娱软件助手，w... 总算了解！长乐互娱软件助手，wepoker辅助是真的假的，教你攻略（有挂规律）；详细长乐互娱软件助手...
科技通报！长乐互娱软件助手，w... 科技通报！长乐互娱软件助手，wepoker辅助是真的假的，实用技巧（证实有挂）；长乐互娱软件助手中的...
避坑细节！创思维激k辅助神器，... 避坑细节！创思维激k辅助神器，hhpoker作弊码，必赢教程（有挂讲解）是一款可以让一直输的玩家，快...
推荐一款！欢乐达人破解器，we... 推荐一款！欢乐达人破解器，wepoker私局辅助，透明教程（有挂攻略）;1、让任何用户在无需AI插件...
总算明白！手机辅助脚本工具，w... 总算明白！手机辅助脚本工具，wpk辅助器是真的吗，安装教程（有挂解密）；总算明白！手机辅助脚本工具，...
一起来讨论！潮友会app下载安... 【福星临门，好运相随】；一起来讨论！潮友会app下载安卓，扑克之星辅助，AI教程（有挂工具）；暗藏猫...