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）微乐小程序破解辅助挂：...
一分钟资料！福建天天开心辅助器... 一分钟资料！福建天天开心辅助器真的假的，广西老友玩插件，AI教程（有挂透视）-哔哩哔哩1、福建天天开...
2分钟手筋！潇湘游辅助，浙江宝... 2分钟手筋！潇湘游辅助，浙江宝宝游戏辅助器是真的嘛，技巧教程（有挂教学）-哔哩哔哩1.浙江宝宝游戏辅...
1分钟课程！宁夏划水辅助，葫芦... 1分钟课程！宁夏划水辅助，葫芦娃辅助修改器，可靠技巧（有挂技巧）-哔哩哔哩1、每一步都需要思考，不同...
7分钟窍要！土豪辅助，hhpo... 7分钟窍要！土豪辅助，hhpoker辅助实战视频，必备教程（今日头条）-哔哩哔哩1、完成hhpoke...
第7分钟策略！奇迹陕西靖边打锅... 第7分钟策略！奇迹陕西靖边打锅子辅助，好友赣南脚本插件，我来教教你（有挂神器）-哔哩哔哩1、完成奇迹...
第二分钟总结！南宁友乐辅助，新... 第二分钟总结！南宁友乐辅助，新荣耀平台辅助，细节揭秘（新版有挂）-哔哩哔哩1、用户打开应用后不用登录...
第9分钟指引！中至余干六副牌有... 第9分钟指引！中至余干六副牌有挂吗，创思维辅助器，软件教程（有挂分析）-哔哩哔哩1、点击下载安装，中...
3分钟阶段！微信小程序多乐辅助... 3分钟阶段！微信小程序多乐辅助器，掌中乐游戏修改器，新2025版（有挂实锤）-哔哩哔哩1、点击下载安...
第6分钟举措！旺旺福建辅助，顺... 第6分钟举措！旺旺福建辅助，顺欣茶楼怎么开挂，微扑克教程（有挂头条）-哔哩哔哩1、任何顺欣茶楼怎么开...