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

相关内容

热门资讯

详情透视！aa poker辅助... 详情透视！aa poker辅助，微信小程序微乐陕西挖坑，大纲教程（有挂秘诀）-哔哩哔哩；1、完成aa...
科普透视！wpk私人局有透视吗... 科普透视！wpk私人局有透视吗，微乐江西小程序辅助，资料教程（有挂分享）-哔哩哔哩1）wpk私人局有...
解迷透视！德州圈脚本，微乐四川... 解迷透视！德州圈脚本，微乐四川亲友圈辅助器，技法教程（真的有挂）-哔哩哔哩1、下载好德州圈脚本脚本下...
了解透视！聚星ai辅助工具下载... 了解透视！聚星ai辅助工具下载，微信微乐小程序辅助软件，大纲教程（有挂神器）-哔哩哔哩聚星ai辅助工...
曝光透视！菠萝德州透视脚本，微... 曝光透视！菠萝德州透视脚本，微乐山西脚本插件，手筋教程（真的有挂）-哔哩哔哩1、菠萝德州透视脚本破解...
推荐透视！pokemmo手机辅... 推荐透视！pokemmo手机辅助软件，微乐自建房道具有用吗，窍门教程（有挂头条）-哔哩哔哩pokem...
总结透视！wepoker怎么开... 总结透视！wepoker怎么开辅助，微乐脚本，要领教程（有挂猫腻）-哔哩哔哩1、这是跨平台的wepo...
总结透视！wepoker透视底... 总结透视！wepoker透视底牌，微乐脚本辅助器，教程书教程（有挂存在）-哔哩哔哩1、起透看视 we...
辅助透视！wepoker透视方... 辅助透视！wepoker透视方法，微乐家乡游戏攻略，指南教程（果真有挂）-哔哩哔哩所有人都在同一条线...
了解透视！hhpoker底牌透... 了解透视！hhpoker底牌透视脚本，微乐家乡app下载，要领教程（有挂方法）-哔哩哔哩1、玩家可以...