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

相关内容

热门资讯

目前！wepoker有没有挂，... 目前！wepoker有没有挂，德扑圈透视挂，好像确实有挂（有挂教学）1、首先打开德扑圈透视挂辅助器下...
科技揭秘！微信小程序外辅助工具... 科技揭秘！微信小程序外辅助工具，旺旺填大坑透视挂，详细软件（有挂教程）1、该软件可以轻松地帮助玩家将...
代打辅助挂！pokemmo脚本... 代打辅助挂！pokemmo脚本手机版，红龙poker辅助，一直确实有挂（有人有挂）1、玩家可以在红龙...
安装程序教程！手机游戏挂机辅助... 安装程序教程！手机游戏挂机辅助软件，潮汕木虱辅助下载，详细教程（有挂方式）运手机游戏挂机辅助软件辅助...
黑科技辅助挂！pokemmo手... 黑科技辅助挂！pokemmo手机版脚本免费，德扑之星有辅助软件吗，果然真的是有挂（有挂教学）1、玩家...
实测交流！打两圈绝对有辅助，家... 实测交流！打两圈绝对有辅助，家乡大二怎么挂，详细挂（有挂详细）小薇（辅助器软件下载）致您一封信；亲爱...
黑科技攻略！wpk俱乐部有没有... 黑科技攻略！wpk俱乐部有没有辅助，德扑之星辅助器怎么用，一贯确实有挂（有挂实锤）1、玩家可以在德扑...
一分钟快速了解！朋朋政和510... 一分钟快速了解！朋朋政和510k辅助，人海大厅挂件怎么买，详细软件（有挂方法）在进入人海大厅挂件怎么...
规律辅助挂！竞技联盟透视，德普... 规律辅助挂！竞技联盟透视，德普之星辅助软件，其实存在有挂（有挂解惑）德普之星辅助软件是不是有人用挂微...
查到实测辅助！威信茶馆app插... 查到实测辅助！威信茶馆app插件，科技实测欢乐辅助，详细软件（有挂方略）1、玩家可以在科技实测欢乐辅...