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

相关内容

热门资讯

专业讨论！爱来掌中宝有没有挂，... 专业讨论！爱来掌中宝有没有挂，博雅红河西元红河破解版，详细脚本（有挂技巧）博雅红河西元红河破解版透视...
今日头条！江西上饶辅助器，老k... 今日头条！江西上饶辅助器，老k游戏辅助，详细技巧（真的有挂）1.江西上饶辅助器 选牌创建新账号，点击...
发现一款！胡乐辅助脚本是真的假... 发现一款！胡乐辅助脚本是真的假的，科乐天天踢填大坑游戏攻略，详细技巧（揭秘有挂）1、全新机制【科乐天...
今日公布！胡易辅助软件，大唐辅... 今日公布！胡易辅助软件，大唐辅助器，详细挂（有挂教程）1、任何胡易辅助软件透视是真的假的的玩家都可以...
玩家必看攻略！小松宿松游戏辅助... 玩家必看攻略！小松宿松游戏辅助，微乐小程序游戏破解器，详细神器（存在有挂）1、微乐小程序游戏破解器免...
必备科技！九九山城插件，皮皮跑... 必备科技！九九山城插件，皮皮跑胡子有没有挂，详细器（有挂助手）1、上手简单，内置详细流程视频教学，新...
必备教程！多乐游戏修改器，广西... 必备教程！多乐游戏修改器，广西微乐小程序控制器，详细插件（有挂助手）1、广西微乐小程序控制器辅助软件...
一分钟了解！情怀莆仙外挂，微信... 一分钟了解！情怀莆仙外挂，微信小程序大贰辅助工具，详细软件（有挂分析）1、下载好微信小程序大贰辅助工...
一分钟了解！新超圣辅助靠谱不，... 一分钟了解！新超圣辅助靠谱不，闲来透视辅助免费，详细挂（有挂技巧）1、新超圣辅助靠谱不公共底牌简单，...
总算明白！决战十水三辅助，新道... 总算明白！决战十水三辅助，新道游科技透视免费版，详细技巧（有挂教学）新道游科技透视免费版透视方法中分...