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

相关内容

热门资讯

2026外挂！来来拼十辅助免费... 2026外挂！来来拼十辅助免费辅助，陕西三代二破解（真是有挂）1）来来拼十辅助免费辅助辅助插件：进一...
2026外挂！微信小程序中至赣... 2026外挂！微信小程序中至赣牌圈，微乐小程序授权（竟然真的有挂）1、进入游戏-大厅左侧-新手福利-...
2026外挂！堆堆乐辅助软件，... 2026外挂！堆堆乐辅助软件，四川途游破解安装包（好像是有挂）1、操作简单，无需四川途游破解安装包手...
2026外挂！开心泉州小程序辅... 2026外挂！开心泉州小程序辅助，微乐小程序晃晃脚本（真是真的是有挂）1、起透看视 微乐小程序晃晃脚...
2026外挂！芒果辅助器安卓版... 2026外挂！芒果辅助器安卓版，随意玩有辅助吗（好像是真的有挂）1、游戏颠覆性的策略玩法，独创攻略技...
2026外挂！微信小程序多乐游... 2026外挂！微信小程序多乐游戏辅助脚本，微乐江苏小程序游戏破解器下载（确实存在有挂）1、每一步都需...
2026外挂！黑桃k大厅辅助，... 2026外挂！黑桃k大厅辅助，湖南赣湘互娱辅助（一贯真的有挂）一、湖南赣湘互娱辅助可以开透视的定义与...
2026外挂！微信新海贝之城辅... 2026外挂！微信新海贝之城辅助，打哈儿辅助软件（原来真的有挂）1、全新机制【微信新海贝之城辅助ai...
2026外挂！情怀莆仙外挂，赣... 2026外挂！情怀莆仙外挂，赣南必胜辅助（本来是真的有挂）1、许多玩家不知道情怀莆仙外挂辅助怎么退出...
2026外挂！潘茄辅助，决战g... 2026外挂！潘茄辅助，决战geo辅助（真是真的是有挂）2026外挂！潘茄辅助，决战geo辅助（真是...