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

相关内容

热门资讯

玩家必知教程！wejoker辅... 玩家必知教程！wejoker辅助软件视频，aapoker能控制牌吗，详细教程!（果然是有挂的）-哔哩...
热门推荐！werplan怎么透... 【福星临门，好运相随】；热门推荐！werplan怎么透视，德州之星扫描器，2026新版技巧（一直真的...
一分钟揭秘！wepokerpl... 一分钟揭秘！wepokerplus辅助，hh poker辅助器先试用，揭秘攻略（一贯是有挂的）-哔哩...
终于清楚！newpoker怎么... 终于清楚！newpoker怎么安装脚本，we-poker软件，力荐教程（一直是有挂的）-哔哩哔哩;1...
揭秘关于！wepoker钻石怎... 揭秘关于！wepoker钻石怎么看底牌，德普之星的辅助工具介绍，必胜教程（一直确实有挂）-哔哩哔哩;...
一分钟揭秘！uupoker有透... 一分钟揭秘！uupoker有透视吗，hhpoker有没有辅助，新2026版（一贯真的有挂）-哔哩哔哩...
科技通报！hhpoker为什么... 科技通报！hhpoker为什么一直输，wepoker透视脚本苹果版，存在挂教程（原来有挂）-哔哩哔哩...
透视辅助！wepokerplu... 透视辅助！wepokerplus透视脚本免费，wepoker辅助插件功能，必备教程（一贯有挂）-哔哩...
透视辅助！wejoker内置辅... 透视辅助！wejoker内置辅助，hhpoker有辅助的吗，wpk教程（其实真的有挂）-哔哩哔哩，h...
一分钟了解！wepoker透视... 一分钟了解！wepoker透视脚本下载，wepoker怎么看牌型，黑科技教程（其实真的是有挂）-哔哩...