echarts怎样自适应外层div大小Vue

Question

别的页面用这种方法就可以，这个页面就不行（都是多图表页面）

<div class="body">
    <Echart :options="options" id="bottomLeftChart" height="100%" width="100%"></Echart>
  </div>
<style lang="scss" scoped>
  .body {
    width: 920px;
    height: 380px;
  }
</style>
 watch: {
      cdata: {
        handler(newData) {
          this.options = {
//。。。。。
          };
          window.addEventListener("resize", function() {
            this.options.resize();
          });
        },
        immediate: true,
        deep: true,
      },
    },

Answer 1

不能直接写
https://www.codeleading.com/article/19172388540/