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

相关内容

热门资讯

近期！pokemomo辅助软件... 近期！pokemomo辅助软件，wepoker透视最简单三个步骤（透视）辅助教程（有挂教学）-哔哩哔...
透视好友！wepoker养号规... 透视好友！wepoker养号规律，竞技联盟辅助（透视）详情教程（有挂细节）-哔哩哔哩1、下载好wep...
透视插件！悦扑克脚本，aapo... 透视插件！悦扑克脚本，aapoker怎么选牌（透视）有挂教程（有挂头条）-哔哩哔哩1、aapoker...
据权威媒体报道！wepoker... 据权威媒体报道！wepoker手机插件，新超圣辅助器，技法教程（有挂秘诀）-哔哩哔哩1、完成wepo...
备受关注的！we poker插... 备受关注的！we poker插件，wepoker有透视底牌吗（透视）推荐教程（有挂解密）-哔哩哔哩1...
据统计！竹间茶馆透视码，wep... 据统计！竹间茶馆透视码，wepoker插件辅助，机巧教程（真的有挂）-哔哩哔哩1）竹间茶馆透视码辅助...
透视app！wepoker免费... 透视app！wepoker免费透视，德普之星辅助工具如何打开（透视）解谜教程（真的有挂）-哔哩哔哩德...
记者获悉！789大菠萝辅助，火... 记者获悉！789大菠萝辅助，火神大厅开挂，秘籍教程（真的有挂）-哔哩哔哩一、789大菠萝辅助可以开透...
最新消息！约局吧德州真的有透视... 最新消息！约局吧德州真的有透视挂吗，we-poker是什么软件（透视）推荐教程（有挂神器）-哔哩哔哩...
现场直击！欢聚水鱼智能辅助，人... 现场直击！欢聚水鱼智能辅助，人海大厅反杀，步骤教程（存在有挂）-哔哩哔哩1）欢聚水鱼智能辅助辅助插件...