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

相关内容

热门资讯

3分钟了解！湖南牵手胡子跑改脚... 3分钟了解！湖南牵手胡子跑改脚本，微友辅助神器下载（原来有挂）-哔哩哔哩1）湖南牵手胡子跑改脚本辅助...
5分钟详细！微乐广西小程序脚本... 5分钟详细！微乐广西小程序脚本，决战卡五星辅助看牌器（竟然真的是有挂）-哔哩哔哩决战卡五星辅助看牌器...
第6分钟专业！新海豚辅助工具，... 第6分钟专业！新海豚辅助工具，决战手游辅助（竟然真的是有挂）-哔哩哔哩1、下载好新海豚辅助工具辅助软...
九分钟必备！微信呢小程序辅助器... 九分钟必备！微信呢小程序辅助器脚本，赣牌圈有挂吗（果然是有挂）-哔哩哔哩运微信呢小程序辅助器脚本辅助...
第6分钟解密！皇豪互众插件，随... 第6分钟解密！皇豪互众插件，随意玩辅助软件（确实有挂）-哔哩哔哩1、完成随意玩辅助软件透视辅助安装，...
六分钟普及！新西部辅助外卦，衢... 六分钟普及！新西部辅助外卦，衢州都莱辅助器下载（原来真的有挂）-哔哩哔哩衢州都莱辅助器下载辅助器中分...
第5分钟解迷！透视辅助功能插件... 第5分钟解迷！透视辅助功能插件下载，新漫游正版辅助软件（其实真的有挂）-哔哩哔哩1、透视辅助功能插件...
六分钟关于！四川途游辅助软件，... 六分钟关于！四川途游辅助软件，新518互游插件下载（好像真的是有挂）-哔哩哔哩1、四川途游辅助软件机...
第6分钟详情！指尖四川辅助脚本... 第6分钟详情！指尖四川辅助脚本苹果版，宁夏划水辅助（一直是真的挂）-哔哩哔哩1、上手简单，内置详细流...
第7分钟分享！wepoker辅... 第7分钟分享！wepoker辅助工具，雀友会广东潮汕辅助（原来是有挂）-哔哩哔哩1、雀友会广东潮汕辅...