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、微乐小程序辅助器免费透视辅助...
第八分钟辅助！潮娱乐鱼虾蟹公式... 第八分钟辅助！潮娱乐鱼虾蟹公式辅助软件，好像是真的有辅助教程（真是有挂）1、进入游戏-大厅左侧-新手...
第6分钟辅助！福建兄弟13水辅... 第6分钟辅助！福建兄弟13水辅助，本来真的有辅助攻略（真是有挂）福建兄弟13水辅助透视方法中分为三种...
第2分钟辅助！微信小程序家乡大... 第2分钟辅助！微信小程序家乡大二辅助工具，真是存在有辅助方法（有挂详情）1、许多玩家不知道微信小程序...
第四分钟辅助！科乐填大坑作弊视... 第四分钟辅助！科乐填大坑作弊视频，其实存在有辅助神器（了解有挂）1、每一步都需要思考，不同水平的挑战...
五分钟辅助！来来拼十辅助免费下... 五分钟辅助！来来拼十辅助免费下载，原来存在有辅助神器（有挂助手）1）来来拼十辅助免费下载辅助插件：进...
第9分钟辅助！闲逸辅助软件下载... 第9分钟辅助！闲逸辅助软件下载苹果，真是有辅助软件（有挂秘诀）第9分钟辅助！闲逸辅助软件下载苹果，真...
五分钟辅助！微信小程序怎么挂脚... 五分钟辅助！微信小程序怎么挂脚本，原来存在有辅助脚本（有挂讲解）微信小程序怎么挂脚本破解侠是真的助透...
六分钟辅助！超圣大厅可控是什么... 六分钟辅助！超圣大厅可控是什么意思，本来是真的有辅助挂（有挂细节）1、超圣大厅可控是什么意思辅助器安...
第六分钟辅助！微信新海贝之城辅... 第六分钟辅助！微信新海贝之城辅助，都是真的有辅助软件（有挂详情）1、许多玩家不知道微信新海贝之城辅助...