Bootstrap

vue中echarts设置宽度100%,刷新页面显示100px

概述

在项目中使用vue的echarts来制作图表,给echarts图表的div设置宽度为100%,在浏览器中刷新页面后,图表缩到一起,宽度显示只有100px,在网上找了各种解决办法,反正对我是没有作用,设置固定宽度,那样没有意义。

解决办法

    mounted() {
        this.$ro = new ResizeObserver(() => {
        chart.resize()
        })
        this.$ro.observe(this.$refs.chart)
      });

    }

 

;