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

相关内容

热门资讯

盘点一款！微乐自建房辅助工具神... 盘点一款！微乐自建房辅助工具神器，微乐小程序免费黑科技（开挂自建房）app；1、这是跨平台的微乐自建...
大家学习交流！微乐自建房辅助工... 大家学习交流！微乐自建房辅助工具免费app，微乐家乡麻将自建房辅助app（开挂自建房）脚本1）微乐家...
教学盘点！微信雀神麻将挂件开挂... 教学盘点！微信雀神麻将挂件开挂辅助，微乐家乡麻将自建房辅助app（开挂自建房）插件进入游戏-大厅左侧...
带你了解！微信卡五星辅助器，微... 带你了解！微信卡五星辅助器，微乐自建房脚本免费入口（开挂自建房）攻略；1、下载好微信卡五星辅助器正确...
总算了解！微乐自建房辅助工具脚... 总算了解！微乐自建房辅助工具脚本，微乐自建房脚本免费入口（开挂自建房）技巧；一、微乐自建房辅助工具脚...
玩家必备教程！微乐自建房辅助工... 玩家必备教程！微乐自建房辅助工具，微乐小程序免费黑科技（开挂自建房）器1、玩家可以在微乐自建房辅助工...
记者爆料！微信卡五星辅助器，微... 记者爆料！微信卡五星辅助器，微乐自建房脚本免费入口（开挂自建房）软件1、点击下载安装，微信卡五星辅助...
关于！微乐家乡麻将自建房辅助a... 关于！微乐家乡麻将自建房辅助app，微乐家乡麻将自建房辅助app（开挂自建房）技巧1、实时微乐家乡麻...
最新技巧！微乐小程序自建房辅助... 最新技巧！微乐小程序自建房辅助工具插件，微乐家乡麻将自建房辅助app（开挂自建房）技巧1、很好的工具...
技术分享！微乐小程序麻将自建房... 技术分享！微乐小程序麻将自建房辅助工具插件，微乐小程序免费黑科技（开挂自建房）插件1、每一步都需要思...