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、每...
为切实保障！多乐小程序如何开辅... 为切实保障！多乐小程序如何开辅助，财神13章脚本安全吗，办法教程（有挂规律）-哔哩哔哩所有人都在同一...
透视智能ai！德普辅助器怎么用... 透视智能ai！德普辅助器怎么用，德普之星的辅助工具介绍（透视）真是存在有挂（有挂讲解）-哔哩哔哩德普...
为切实保障！福建大菠萝辅助器，... 为切实保障！福建大菠萝辅助器，德普之星私人局辅助器，指南教程（有挂分享）-哔哩哔哩1、德普之星私人局...
透视有挂！德普之星辅助器，德普... 透视有挂！德普之星辅助器，德普辅助器怎么用（透视）切实存在有挂（有挂技术）-哔哩哔哩1、德普辅助器怎...
一直以来！欢聚水鱼插件怎么安装... 一直以来！欢聚水鱼插件怎么安装，新青鸟辅助，方式教程（有挂神器）-哔哩哔哩1、每一步都需要思考，不同...
透视最新！德普之星怎么设置埋牌... 透视最新！德普之星怎么设置埋牌，德扑之心免费透视（透视）一直真的有挂（有挂秘诀）-哔哩哔哩1、德普之...
昨日！闲逸软件可以控制的吗，p... 昨日！闲逸软件可以控制的吗，pokerrrr2辅助，积累教程（今日头条）-哔哩哔哩1）闲逸软件可以控...
透视好友房！德普之星透视免费，... 透视好友房！德普之星透视免费，德普之星透视辅助（透视）确实是真的挂（有挂总结）-哔哩哔哩亲，关键说明...
近日！海贝之城正版辅助，微乐小... 近日！海贝之城正版辅助，微乐小程序自建房辅助器下载，课程教程（有挂方针）-哔哩哔哩小薇（辅助器软件下...