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

相关内容

热门资讯

透视脚本！aapoker辅助工... 透视脚本！aapoker辅助工具安全吗，hhpoker视频巡查真的假的，练习教程（揭秘有挂）-哔哩哔...
透视黑科技！来玩德州破解器，w... 透视黑科技！来玩德州破解器，we-poker软件，诀窍教程（今日头条）-哔哩哔哩1、玩家可以在来玩德...
透视肯定！拱趴大菠萝开挂方法，... 透视肯定！拱趴大菠萝开挂方法，hhpoker透视脚本下载，项目教程（有挂教学）-哔哩哔哩运拱趴大菠萝...
透视攻略！wepoker辅助器... 透视攻略！wepoker辅助器软件下载，we poker游戏下，教程书教程（有挂透明挂）-哔哩哔哩进...
透视安装！wepoker怎么发... 透视安装！wepoker怎么发冤家牌，智星德州插件，手段教程（新版有挂）-哔哩哔哩在进入wepoke...
透视讲解！hhpoker有辅助... 透视讲解！hhpoker有辅助的吗，wepoker辅助软件价格，绝活教程（有挂头条）-哔哩哔哩1、玩...
透视免费！wepoker辅助器... 透视免费！wepoker辅助器，约局吧辅助脚本，妙计教程（有挂技巧）-哔哩哔哩1、约局吧辅助脚本ai...
透视肯定！aapoker脚本怎... 透视肯定！aapoker脚本怎么用，wpk辅助，秘籍教程（有挂秘诀）-哔哩哔哩1、游戏颠覆性的策略玩...
透视私人局！德普之星怎么开辅助... 透视私人局！德普之星怎么开辅助，xpoker怎么辅助，烘培教程（有挂秘籍）-哔哩哔哩运德普之星怎么开...
透视黑科技！wepoker黑侠... 透视黑科技！wepoker黑侠辅助器，有没有人wepoker，课程教程（有挂教学）-哔哩哔哩1、进入...