在vue中使用echars不能自適應的解決方法

<div class="echarts">

　　<IEcharts :option="bar" ref="echarts"></IEcharts>

</div>

mounted () {
      this.init()
    },
    methods: {
      init () {
        const self = this
        setTimeout(() => {
          window.onresize = function () {
            self.$refs.echarts.resize()
          }
        }, 20)
      },
      handleClick (tab, event) {
        console.log()
      }
    }

需要我們手動去觸發echarts中的resize()事件，當監聽到瀏覽器窗口變化時，重新繪制canvas畫布