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破解是真的还是假的（透视科技开挂辅助安装）1、下载安装...
五分钟辅助！微友联盟辅助下载，... 《五分钟辅助！微友联盟辅助下载，好友赣南新版本挂（重大发现开挂辅助安装）》 好友赣南新版本挂软件透视...
6分钟透视！四川皮皮辅助挂，浙... 6分钟透视！四川皮皮辅助挂，浙江游戏大厅修改数据（总算了解开挂辅助平台）；打开点击测试直接进入微信（...
4分钟辅助！水鱼辅助软件下载，... 4分钟辅助！水鱼辅助软件下载，微乐多乐跑作弊（透视透视挂开挂辅助神器）;相信小伙伴都知道这个水鱼辅助...
两分钟开挂！花花生活圈怎么开挂... 两分钟开挂！花花生活圈怎么开挂，三哥玩辅助器免费下载（必备辅助推荐开挂辅助神器）您好：三哥玩辅助器免...
1分钟辅助！衢州都莱辅助器，蛮... 1分钟辅助！衢州都莱辅助器，蛮王大厅辅助插件（透视私人局开挂辅助脚本）;是一款可以让一直输的玩家，快...
第八分钟辅助！wpk辅助器，斗... 第八分钟辅助！wpk辅助器，斗棋崇阳麻将辅助脚本（玩家必备科普开挂辅助软件）;1、点击下载安装，斗棋...
第7分钟辅助！乐胡陇南摆叫辅助... 第7分钟辅助！乐胡陇南摆叫辅助器，决战卡五星开挂方法（每日必看推荐开挂辅助工具）；无需打开直接搜索加...
五分钟辅助！新祥心挂机，大咖娱... 五分钟辅助！新祥心挂机，大咖娱乐挂脚本（玩家必看科普开挂辅助软件）；大咖娱乐挂脚本免费下载原版，在大...
第二分钟辅助！小南娱乐科技，微... 第二分钟辅助！小南娱乐科技，微乐山西脚本插件（玩家攻略开挂辅助下载）;1、不需要AI权限，帮助你快速...