피트를 해결하는 방법 vue3+echart5에서 발생한 정의되지 않은('유형' 읽기) 속성을 읽을 수 없습니다.

1. 오류 설명

vue3에서 데이터를 사용하여 echart 차트를 초기화합니다

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

창 크기가 변경되면 this.chart.resize()동적으로 차트 크기를 조정해야 합니다.

2. 오류 이유

Vue3는 응답성을 모니터링하기 위해 프록시를 사용합니다. 이 .chart는 Vue 내부에서 반응형 개체로 변환되므로 크기 조정

coordSys.type

3 중에 얻을 수 없습니다. 해결 방법

공식을 참조하세요.

선택할 수 있습니다. 기본 심층 반응/읽기 전용 전환 모드를 종료하고 프록시되지 않은 원래 객체를 상태 차트에 포함합니다. 상황에 따라 유연하게 사용할 수 있습니다.

• 복잡한 타사 클래스 인스턴스나 Vue 구성 요소 개체와 같은 일부 값은 반응형이어서는 안 됩니다.

• 프록시 변환을 건너뛰면 변경 불가능한 데이터 소스가 포함된 대규모 목록을 렌더링할 때 성능이 향상될 수 있습니다.

따라서 echart를 인스턴스화할 때 비응답으로 지정하세요.

아아아아

위 내용은 피트를 해결하는 방법 vue3+echart5에서 발생한 정의되지 않은('유형' 읽기) 속성을 읽을 수 없습니다.의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!