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

相关内容

热门资讯

总算了解！小唐家乐园山西辅助软... 总算了解！小唐家乐园山西辅助软件，闽游app辅助器可信，详细器（有挂透明挂）1、金币登录送、破产送、...
一分钟了解！潮汕激k脚本，天天... 一分钟了解！潮汕激k脚本，天天爱游戏辅助，详细工具（有挂辅助）1、在天天爱游戏辅助插件功能辅助器技巧...
推荐十款！微乐小程序微乐房间怎... 推荐十款！微乐小程序微乐房间怎么开挂，518互娱脚本，详细脚本（真是有挂）微乐小程序微乐房间怎么开挂...
揭秘一下！创思维激k辅助器视频... 揭秘一下！创思维激k辅助器视频，广东闲来辅助软件，详细插件（存在有挂）1、用户打开应用后不用登录就可...
必备科技！财神十三张福袋多少钱... 必备科技！财神十三张福袋多少钱，陕西三代辅助，详细软件（有挂头条）1、上手简单，内置详细流程视频教学...
推荐攻略！桃乐甘肃麻将下载辅助... 推荐攻略！桃乐甘肃麻将下载辅助器，长春科乐辅助，详细教程（有挂方法）1、完成桃乐甘肃麻将下载辅助器辅...
六分钟了解！花花生活圈辅助工具... 六分钟了解！花花生活圈辅助工具安装教程，柳州八一字牌辅助，详细方法（有挂助手）1、玩家可以在花花生活...
专业讨论！南宁友乐辅助，功夫川... 专业讨论！南宁友乐辅助，功夫川麻老是输什么情况，详细工具（详细教程）专业讨论！南宁友乐辅助，功夫川麻...
必备科技！宝宝浙江辅助，丽水茶... 必备科技！宝宝浙江辅助，丽水茶苑脚本，详细方法（有挂头条）该软件可以轻松地帮助玩家将丽水茶苑脚本外卦...
科普！潮汕木虱辅助下载，天天微... 科普！潮汕木虱辅助下载，天天微友有辅助麻，详细软件（了解有挂）天天微友有辅助麻透视方法中分为三种模型...