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、玩家可以在天天互娱网络科技线上大神俱乐部对游...
今日公布！广东雀神挂件定制，手... 今日公布！广东雀神挂件定制，手机游戏辅助器（总是是真的有挂）一、广东雀神挂件定制游戏安装教程牌型概率...
分享给玩家！牵手app破解，连... 分享给玩家！牵手app破解，连连看辅助源码（一直是真的有挂）1、任何连连看辅助源码透视是真的假的的玩...
一分钟了解！微乐江西小程序辅助... 一分钟了解！微乐江西小程序辅助器免费，抚州辅助器中至小程序（好像有挂）1、下载好微乐江西小程序辅助器...