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

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

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB
WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBnach vorne
2023-05-11 19:07:042602Durchsuche

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:So lösen Sie das Problem. Eigenschaften von undefiniert (Lesen von „Typ), auf die vue3+echart5 stößt, können nicht gelesen werden

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!

Stellungnahme:
Dieser Artikel ist reproduziert unter:yisu.com. Bei Verstößen wenden Sie sich bitte an admin@php.cn löschen
Vorheriger Artikel:So passen Sie Hooks in Vue3 anNächster Artikel:So passen Sie Hooks in Vue3 an