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、任何微乐自建房提升运势透视是真...
终于清楚!微乐智能辅助app(... 终于清楚!微乐智能辅助app(开挂),微乐三打一都是是真的有透视挂插件1、微乐智能辅助app辅助器安...
一分钟揭秘!微乐家乡小程序脚本... 一分钟揭秘!微乐家乡小程序脚本ios(辅助),微乐小程序都是真的有透视挂技巧一、微乐家乡小程序脚本i...
查到实测!微信微乐辅助器免费安... 查到实测!微信微乐辅助器免费安装(透视挂),微乐北京麻将好像真的是有透视挂攻略；1、金币登录送、破产...
一起来讨论!微信小程序微乐辅助... 一起来讨论!微信小程序微乐辅助器(外挂),微乐郑州麻将确实真的是有透视挂软件1）微信小程序微乐辅助器...
玩家必备攻略!微信小程序微乐跑... 玩家必备攻略!微信小程序微乐跑得快技巧(辅助),微乐麻将小程序原来是真的有透视挂软件在进入微信小程序...
查到实测辅助!微乐小程序自建房... 查到实测辅助!微乐小程序自建房透视免费(开挂),微乐划水麻将竟然是有透视挂攻略1、微乐小程序自建房透...