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

相关内容

热门资讯

微扑克有辅助挂！微扑克有辅助吗... 微扑克有辅助挂！微扑克有辅助吗，（微扑克规律）切实存在有挂（详细辅助软件教程）；是一款可以让一直输的...
微扑克游戏辅助器！微扑克软件发... 大家肯定在之前微扑克游戏辅助器或者微扑克游戏辅助器中玩过微扑克游戏辅助器！微扑克软件发牌原理，（微扑...
德扑之星实战！德扑之星有规律吗... 德扑之星实战！德扑之星有规律吗，德扑智能好像真的有挂（详细有猫腻教程）；玩家必备必赢加哟《13670...
wepoke插件!wepoke... 1、wepoke插件!wepoke软件下载(Wepoke智能)竟然真的是有挂(详细辅助教程)（UU ...
德扑ai助手！德扑人工智能软件... 1、德扑ai助手！德扑人工智能软件，德扑之星开桌切实有挂（详细自定义房间教程）；详细教程。2、德扑a...
微扑克ai辅助器苹果版！微扑克... 微扑克ai辅助器苹果版！微扑克ai辅助工具，（微扑克ai智能）原来是真的有挂（详细辅助软件教程）；1...
红龙扑克辅助器！红龙扑克电脑模... 红龙扑克辅助器！红龙扑克电脑模拟器，（红龙扑克）确实存在有挂（详细辅助挂教程）1、点击下载安装，微扑...
德扑输赢！德扑ai代打会检测到... 德扑输赢！德扑ai代打会检测到吗，德扑之星系统本来存在有挂（详细安卓教程）；支持2-10人实时对战，...
德扑之星数据！德扑之星开桌怎么... 德扑之星数据！德扑之星开桌怎么设置，德州德扑之星切实有挂（详细智能教程）是一款可以让一直输的玩家，快...
wepoke黑科技!wopok... wepoke黑科技!wopoker德州真的有挂吗(Wepoke规律)总是是真的有挂(详细计算辅助教程...