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

概述

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

解决办法

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

    }