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

相关内容

热门资讯

明白辅助挂！竞技联盟透视插件，... 明白辅助挂！竞技联盟透视插件，德扑之星辅助工具如何设置，确实确实有挂（详细教程）1、德扑之星辅助工具...
重大通报！pokemmo手机脚... 重大通报！pokemmo手机脚本辅助器，we-poker是什么软件，都是有挂（有挂讲解）1、该软件可...
随着！hhpoker德州机器人... 随着！hhpoker德州机器人，如何下载德普之星辅助软件，总是真的有挂（真是有挂）1、该软件可以轻松...
重大来袭！pokerworld... 重大来袭！pokerworld辅助器，hhpoker软件安装包，真是存在有挂（有挂存在）1、首先打开...
复盘辅助挂！wejoker手机... 复盘辅助挂！wejoker手机版透视脚本，德扑之星怎么设置埋牌，都是真的有挂（有挂方法）1、每一步都...
玩家必看教程！xpoker辅助... 玩家必看教程！xpoker辅助神器，德州局怎么透视，切实是有挂（发现有挂）亲，关键说明，透视脚本安卓...
2026版复盘！wepoker... 2026版复盘！wepoker辅助工具，如何下载德普之星辅助软件，总是真的有挂（有挂技巧）1、下载好...
必备辅助推荐！来玩app破解，... 必备辅助推荐！来玩app破解，hhpoker怎么开透视，一直是真的有挂（有挂细节）；小薇（辅助器软件...
最终！wepoker破解器有用... 最终！wepoker破解器有用吗，如何下载德普之星辅助软件，总是真的是有挂（有挂头条）1、用户打开应...
一秒答解！wepoker有什么... 一秒答解！wepoker有什么规律，xpoker辅助助手，都是有挂（揭秘有挂）1、用户打开应用后不用...