vue 动态获取div宽高有时候为0的情况

　项目背景：

　　需要使用echarts进行图表展示。由于div宽高是不固定的，因此需要先获取父级的宽高再把值赋予到图表的div中。

　　需要使用 this.$nextTick(() => {    });方法，在mounted中，保证DOM渲染完全后，在进行echarts初始化。

<!--wifi数据采集-->
<template>
  <div class="wifiCollectCtrl">
    <div id="wifiCollectID"></div>
  </div>
</template>

<script>
  import echarts from 'echarts';

  export default {
    name: "wifiCollect",
    props: {
      className: {type: String, default: 'chart'},
      id: {type: String, default: 'wifiCollectID'},

    },
    data() {
      return {
        chart: null,
        seriesData: '',
        xAxisTxt: '',
        color: [
          '#3D89FE', '#9bca62', '#2ec7c9', '#b6a2de', &#