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

相关内容

热门资讯

盘点一款!辅助器!德普之星辅助... 一款 AI 游戏攻略黑科技工具上线，查攻略效率直接开挂。它整合版本更新、装备搭配、BOSS 打法、牌...
发现玩家辅助器!wepoker... 您好：wepoker到底有没有透视这款游戏可以开挂的，确实是有挂的，很多玩家在这款游戏中打牌都会发现...
玩家必看秘籍透视!wepoke... 本地部署 AI 黑科技工具迎来新版本，不用上传文件到云端就能完成wepoker辅助透视软件解析、 A...
玩家亲测透视挂!德朴之星脚本,... 玩家亲测透视挂!德朴之星脚本,WPK科技透视下载（都是是有透视挂）主打本地运行的 AI 黑科技工具迎...
揭秘几款辅助挂!购买的wpk辅... 您好，揭秘几款辅助挂!购买的wpk辅助在哪里下载,德普之星透视开挂教程（原先是真的有辅助挂）这款游戏...
玩家必看辅助挂!wejoker... 玩家必看辅助挂!wejoker透视方法,WPK有挂吗确实有挂脚本（起初真的是有辅助挂）AI 是一款可...
实测分享辅助!德普辅助器怎么用... AI 黑科技赛道又上新，这款智能处理工具堪称效率开挂，专门面向短视频创作者打造。它打通脚本撰写、AI...
总算了解辅助!微扑克游戏辅助器... 您好：微扑克游戏辅助器这款游戏可以开挂的，确实是有挂的，很多玩家在这款游戏中打牌都会发现很多用户的牌...
玩家必备科普辅助!wpk透视是... 玩家必备科普辅助!wpk透视是真的假的,德扑之星能不能开挂下载（其实是有辅助）主打本地运行的 AI ...
玩家必看分享辅助!wpk作弊最... 玩家必看分享辅助!wpk作弊最怕三个东西,德扑之星怎么开挂安装（一向真的是有辅助）AI 是一款可以让...