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

相关内容

热门资讯

1分钟法子！九九山城万州版辅助... 1分钟法子！九九山城万州版辅助（外挂）确实一直都是有辅助脚本（哔哩哔哩）1、实时九九山城万州版辅助透...
第2分钟大纲！桂林字牌科技免费... 第2分钟大纲！桂林字牌科技免费版（外挂）原来存在有辅助工具（哔哩哔哩）暗藏猫腻，小编详细说明桂林字牌...
第一分钟法子！四川微乐小程序辅... 第一分钟法子！四川微乐小程序辅助器（外挂）切实一直都是有辅助app（哔哩哔哩）1、完成四川微乐小程序...
第三分钟学习！小程序中至赣牌圈... 第三分钟学习！小程序中至赣牌圈黑科技（外挂）本来真的是有辅助app（哔哩哔哩）1、小程序中至赣牌圈黑...
十分钟机巧！吉祥填大坑的破解方... 十分钟机巧！吉祥填大坑的破解方法（外挂）一贯一直都是有辅助软件（哔哩哔哩）1）吉祥填大坑的破解方法免...
第四分钟绝活！摸一把游戏辅助软... 第四分钟绝活！摸一把游戏辅助软件（外挂）一直一直总是有辅助方法（哔哩哔哩）1、第四分钟绝活！摸一把游...
第1分钟秘籍！游戏辅助制作器（... 第1分钟秘籍！游戏辅助制作器（外挂）真是一直都是有辅助app（哔哩哔哩）1）游戏辅助制作器免费钻石：...
第九分钟项目！网易亲友圈辅助（... 第九分钟项目！网易亲友圈辅助（外挂）原来一直都是有辅助脚本（哔哩哔哩）网易亲友圈辅助能透视中分为三种...
第6分钟资料！鱼虾蟹控制器辅助... 第6分钟资料！鱼虾蟹控制器辅助器开挂（外挂）果然存在有辅助方法（哔哩哔哩）1、上手简单，内置详细流程...
6分钟手册！好友赣南新版本挂（... 6分钟手册！好友赣南新版本挂（外挂）其实有辅助神器（哔哩哔哩）1、下载好好友赣南新版本挂正确养号方法...