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

相关内容

热门资讯

记者获悉!聚财app辅助(辅助... 记者获悉!聚财app辅助(辅助)总是存在有辅助软件(有挂教学)-哔哩哔哩1、下载好聚财app辅助透视...
透视挂透视！德州真人透视脚本，... 透视挂透视！德州真人透视脚本，微乐贵阳足鸡麻将开挂，绝活儿辅助技巧（有挂秘籍）-哔哩哔哩1、玩家可以...
此事引发网友热议!朋友圈app... 此事引发网友热议!朋友圈app辅助软件(辅助)竟然是有辅助平台(有挂猫腻)-哔哩哔哩1、任何朋友圈a...
于此同时！impoker辅助，... 于此同时！impoker辅助，欢聚水鱼智能辅助教程，方式辅助插件（有挂方略）-哔哩哔哩1、下载好欢聚...
来临!新超凡软甲辅助(辅助)切... 来临!新超凡软甲辅助(辅助)切实真的是有辅助下载(了解有挂)-哔哩哔哩1、许多玩家不知道新超凡软甲辅...
2026版方法！德州真人透视脚... 2026版方法！德州真人透视脚本，传送五激k辅助靠谱吗，绝活儿辅助器（有挂方法）-哔哩哔哩1、传送五...
值得注意的是!丽水都来脚本辅助... 值得注意的是!丽水都来脚本辅助(辅助)本来真的是有辅助神器(有挂教程)-哔哩哔哩暗藏猫腻，小编详细说...
攻略辅助挂！拱趴游戏破解器，摸... 攻略辅助挂！拱趴游戏破解器，摸一把游戏辅助软件，手段辅助脚本（有挂讲解）-哔哩哔哩1、下载好摸一把游...
据公告内容!微信小游戏破解版(... 据公告内容!微信小游戏破解版(辅助)切实真的有辅助app(真的有挂)-哔哩哔哩1、据公告内容!微信小...
透视黑科技！佛手大菠萝有挂吗，... 透视黑科技！佛手大菠萝有挂吗，小闲川南手游辅助器，方案辅助脚本（存在有挂）-哔哩哔哩1、实时小闲川南...