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、任何微...
4分钟开挂！微乐小程序免费黑科... 4分钟开挂！微乐小程序免费黑科技，微信小程序微乐房间怎么辅助（开挂）切实是有挂（2026）1、全新机...
透视总结！微乐小程序免费黑科技... 透视总结！微乐小程序免费黑科技，微乐小程序有脚本吗（透视）果然真的有挂（哔哩哔哩）亲，关键说明，微乐...
7分钟辅助！微乐小程序黑科技，... 7分钟辅助！微乐小程序黑科技，微信小程序微乐辅助（开挂）确实真的有挂（2026）小薇（辅助器软件下载...
透视攻略！微乐小程序黑科技，微... 透视攻略！微乐小程序黑科技，微乐降序自建房辅助app（透视）一直真的有挂（哔哩哔哩）运微乐降序自建房...
3分钟插件！微乐小程序免费黑科... 3分钟插件！微乐小程序免费黑科技，微信小程序可以开挂吗（开挂）一直是真的挂（2026）1、不需要AI...
透视总结！微乐小程序黑科技，微... 透视总结！微乐小程序黑科技，微乐自建房辅助入口官网（透视）真是是有挂（哔哩哔哩）1、微乐自建房辅助入...
2分钟脚本！微乐小程序免费黑科... 2分钟脚本！微乐小程序免费黑科技，微乐卡五星有挂吗（开挂）确实是有挂（2026）1、微乐小程序免费黑...
黑科技辅助挂！微乐小程序免费黑... 黑科技辅助挂！微乐小程序免费黑科技，微乐智能辅助软件是真的吗（透视）总是是真的挂（哔哩哔哩）1、微乐...
第六分钟工具！微乐小程序黑科技... 第六分钟工具！微乐小程序黑科技，微乐麻将自建房app（开挂）都是是有挂（2026）1、下载好微乐小程...