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.智星德州扑克 选牌创建新账号...
教学盘点!智星德州扑克辅助挂多... 教学盘点!智星德州扑克辅助挂多功能透视工具，一贯存在有挂(的确有挂)进入游戏-大厅左侧-新手福利-激...
普及知识!wpk辅助挂多功能透... 普及知识!wpk辅助挂多功能透视工具，果然真的是有挂(真实有挂)1、超多福利：超高返利，海量正版游戏...
推荐十款!wepoker辅助挂... 推荐十款!wepoker辅助挂多功能透视工具，确实存在有挂(有挂详细)1）wepoker有没有挂：进...
玩家亲测!aapoker辅助挂... 玩家亲测!aapoker辅助挂多功能透视工具，确实真的有挂(有挂透明挂)1、每一步都需要思考，不同水...
总算了解!wepoker辅助挂... 总算了解!wepoker辅助挂多功能透视工具，一贯存在有挂(有挂总结)一、wepoker游戏安装教程...
科技通报!红龙poker辅助挂... 科技通报!红龙poker辅助挂多功能透视工具，其实是有挂(有挂教程)1、下载好红龙poker脚本下载...
玩家必备教程!德扑圈辅助挂多功... 玩家必备教程!德扑圈辅助挂多功能透视工具，原来有挂(有人有挂)1、德扑圈免费辅助多个强度级别选择2、...
重大通报!德扑圈辅助挂多功能透... 重大通报!德扑圈辅助挂多功能透视工具，原来是真的有挂(有挂秘诀)1、德扑圈破解器简单，德扑圈机器人操...