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

相关内容

热门资讯

十分钟了解!四川游戏家园通用辅... 您好，四川游戏家园通用辅助这款游戏可以开挂的，确实是有挂的，需要了解加去威信【485275054】很...
2分钟了解!哈糖大菠萝有挂吗!... 2分钟了解!哈糖大菠萝有挂吗!一贯是真的有辅助神器(真实有挂)-哔哩哔哩2分钟了解!哈糖大菠萝有挂吗...
第6分钟了解!蜀渝牌乐汇辅助!... 您好，蜀渝牌乐汇辅助这款游戏可以开挂的，确实是有挂的，需要了解加去威信【485275054】很多玩家...
3分钟了解!微乐a3纸牌有脚本... 3分钟了解!微乐a3纸牌有脚本!都是一直总是有辅助插件(有挂分析)-哔哩哔哩1、进入游戏-大厅左侧-...
第八分钟了解!传送屋app辅助... 第八分钟了解!传送屋app辅助!竟然一直总是有辅助插件(有挂存在)-哔哩哔哩1）传送屋app辅助辅助...
一分钟了解!新518互游插件!... 一分钟了解!新518互游插件!果然存在有辅助工具(有挂讲解)-哔哩哔哩1、上手简单，内置详细流程视频...
八分钟了解!来玩app插件!竟... 八分钟了解!来玩app插件!竟然一直都是有辅助教程(有挂解惑)-哔哩哔哩1）来玩app插件免费钻石：...
第二分钟了解!海贝之城有辅助吗... 第二分钟了解!海贝之城有辅助吗!好像真的是有辅助攻略(竟然有挂)-哔哩哔哩1、不需要AI权限，帮助你...
3分钟了解!情怀大陆dnf辅助... 3分钟了解!情怀大陆dnf辅助!果然一直都是有辅助攻略(有挂细节)-哔哩哔哩1、情怀大陆dnf辅助辅...
第八分钟了解!新天道辅助器怎么... 第八分钟了解!新天道辅助器怎么设置!切实有辅助app(有挂秘笈)-哔哩哔哩在进入新天道辅助器怎么设置...