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

相关内容

热门资讯

透视透视！竞技联盟破解版最新版... 透视透视！竞技联盟破解版最新版，wepoker辅助器官方，插件教程（有挂头条）；1. ai辅助创建新...
4分钟辅助挂！牵手跑的快小程序... 4分钟辅助挂！牵手跑的快小程序技巧，对战互娱有辅助，解密教程（的确有挂）1、完成的残局，帮助玩家取得...
透视苹果版！pokemmo手机... 透视苹果版！pokemmo手机版脚本免费，aapoker万能辅助器，透明挂教程（有挂存在）；致您一封...
1分钟辅助挂！皇豪互娱科技，心... 1分钟辅助挂！皇豪互娱科技，心悦游戏辅助，攻略方法（有挂辅助）是一种具有地方特色的麻将游戏，要想赢得...
透视教程！epoker免费透视... 透视教程！epoker免费透视脚本，wepoker辅助是真的假的，技巧教程（有挂猫腻）;1、超多福利...
第四分钟辅助挂！全民奇迹脚本，... 第四分钟辅助挂！全民奇迹脚本，蜀山四川免费辅助器，详细教程（今日头条）1）辅助挂：进一步探索辅助透视...
透视好友！菠萝德普辅助器免费版... 透视好友！菠萝德普辅助器免费版在哪里，wepoker插件程序激活码，wpk教程（揭秘有挂）；德普辅助...
透视计算！wepoker辅助器... 透视计算！wepoker辅助器软件下载，we poker辅助器v3.3，专业教程（存在有挂）;人气非...
四分钟辅助挂！福建天天开心万能... 四分钟辅助挂！福建天天开心万能辅助，四川游戏家园辅助软件下载，2025新版教程（有挂总结）1、玩家可...
透视辅助！wepoker私局代... 透视辅助！wepoker私局代打，wepoker私人辅助器，科技教程（有挂教学）是一款可以让一直输的...