echarts加载时使用nextTick不好使

Question

   <div class="bottomTable">
        <div v-if="cureData.series && cureData.series.length" id="chartBox">
          <div id="myChart" ref="myChart" style="height:500px;" />
        </div>
        <div v-else class="noData">
          <img class="noDateImg" :src="$noDataImg" alt="">
          <span class="noDateText">暂无数据</span>
        </div>
      </div>

我是想要在cureData.series有数据的时候渲染echarts,但是这样写之后会报错 invalid dom.
nextTick也用了,不好使,还是会报错,最后写到try/catch里了

   const { data, code } = await historicalWaterTemperature(this.curveTime);
      if (Number(code) === 200) {
        if (data) {
          this.cureData = data;
          this.$nextTick(() => {
            if (!that.switchFlag) {
              that.init(data, 'line');
            } else {
              that.init(data, 'bar');
            }
          });
        }
      }

this.init是渲染echarts的方法

Answer 1

nextTick里的判断放到mounted里判断