关于在Vue中使用echarts在初始化页面时，echarts宽度有问题

毕之。

于 2021-07-26 18:33:45 发布

阅读量1k

点赞数 1

CC 4.0 BY-SA版权

文章标签： vue echarts

本文链接：https://blog.youkuaiyun.com/rice__pudding/article/details/119114785

本文介绍了一种使用Vue.js和ECharts实现页面加载完成后延迟初始化图表的方法。通过结合使用$nextTick与setTimeout，确保了DOM元素完全渲染后再进行图表的创建，有效避免了因DOM未准备好而导致的图表显示问题。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

使用setTimeout即可

mounted() {
   this.$nextTick(() => {
      setTimeout(()=>{
         this.createChart();//创建echarts
       },0)
       })
},
            }