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、点击下载安装，微信小...
透视脚本!微信小程序小南四川长... 透视脚本!微信小程序小南四川长牌辅助"解迷辅助脚本"一直真的有挂(哔哩哔哩)1）微信小程序小南四川长...
受玩家影响!新荣耀辅助安装&q... 受玩家影响!新荣耀辅助安装"辅助辅助软件"确实存在有挂(哔哩哔哩)新荣耀辅助安装脚本下载中分为三种模...
于此同时!旺旺福建麻将辅助器&... 于此同时!旺旺福建麻将辅助器"专业辅助挂"本来是有挂(哔哩哔哩)1、用户打开应用后不用登录就可以直接...
透视辅助!新樱花互娱源码&qu... 透视辅助!新樱花互娱源码"教你辅助神器"原来存在有挂(哔哩哔哩)1、完成新樱花互娱源码有辅助插件，帮...
透视玄学!潮汕暗宝辅助透视&q... 透视玄学!潮汕暗宝辅助透视"有挂辅助方法"其实是真的有挂(哔哩哔哩)潮汕暗宝辅助透视脚本下载中分为三...
今天下午!填大坑辅助器&quo... 今天下午!填大坑辅助器"必备辅助攻略"一直确实有挂(哔哩哔哩)1、每一步都需要思考，不同水平的挑战填...