記錄一下echarts在vue中,Uncaught TypeError:Cannot read property 'type' of undefined和渲染元素位置出錯問題

問題1

Uncaught TypeError:Cannot read property 'nodeType' of undefined

原代碼

data() {
    return {
      myChart:null,
    };
  },
this.myChart = this.$echarts.init(this.$refs.mains);

原因:echarts不能掛載到this全局中, 部分方法訪問不到echarts變量 ,導致部分元素出錯

//改成
var myChart = this.$echarts.init(this.$refs.mains);

問題二

我綁定到<div ref="mains" id="mains"></div>這個標簽中,echarts生成圖標卻顯示在了父元素下面

原代碼

var myChart = this.$echarts.init(this.$refs.mains);
this.myChart=myChart
 window.addEventListener("resize", () => {
        this.myChart.resize();
      });

原因:和問題1同理

改成

//用函數(shù)內(nèi)的變量
window.addEventListener("resize", () => {
        myChart.resize();
      });
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容