So lösen Sie das Problem. Eigenschaften von undefiniert (Lesen von „Typ'), auf die vue3+echart5 stößt, können nicht gelesen werden

1. Fehlerbeschreibung

Verwenden Sie in vue3 die Datenmethode, um das Echart-Diagramm zu initialisieren

2. Fehlergrund

this.chart.resize()Vue3 verwendet Proxy, um die Reaktionsfähigkeit zu überwachen, sodass es während der Größenänderung nicht abgerufen werden kann

Siehe offizielle Seite:

Sie Sie haben die Möglichkeit, den standardmäßigen tief reaktiven/schreibgeschützten Übergangsmodus zu verlassen und das ursprüngliche, nicht-proxyde Objekt in das Zustandsdiagramm einzubetten. Sie können je nach Situation flexibel eingesetzt werden:

Einige Werte sollten nicht reaktiv sein, wie z. B. komplexe Klasseninstanzen von Drittanbietern oder Vue-Komponentenobjekte.

Das Überspringen von Proxy-Konvertierungen kann die Leistung beim Rendern großer Listen mit unveränderlichen Datenquellen verbessern.

• Wenn Sie also Echart instanziieren, geben Sie es einfach als nicht reagierend an.

  export default {
    data() {
      return {
        chart: null,
        ...
      }
    },
    mounted() {
      this.chart = echarts.init(document.getElementById(this.id))
      this.chart.setOption({...})
    },
    ...
  }

Das obige ist der detaillierte Inhalt vonSo lösen Sie das Problem. Eigenschaften von undefiniert (Lesen von „Typ'), auf die vue3+echart5 stößt, können nicht gelesen werden. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!