이 옵션을 사용할 때 유형 'Vue'에 속성 X가 없습니다.$parent.someProporMethod 및 이것.$root.someProporMethod

이 옵션을 사용할 때 유형 'Vue'에 속성 X가 없습니다.$parent.someProporMethod 및 이것.$root.someProporMethod

VueJS를 TypeScript와 함께 사용하는 경우,this.$parent.somePropOrMethod또는this.$root.somePropOrMethod유형 오류가 발생하다Property somePropOrMethod does not exist on type 'Vue'

의 인터페이스Vue이

export interface Vue {
   ...
   readonly $parent: Vue;
   readonly $root: Vue;
   ...
   }

그러면 부모 요소 또는 루트 요소의 속성 및 메서드에 어떻게 접근해야 할까요?

이 인터페이스는 다음과 같이 해야 할 수 있는 것 같습니다.Vue & {[key: string]: any}에서 알 수 없는 속성 및 메서드를 허용합니다.$root그리고.$parent특성.

typescript type error의 경우 보통 커스텀인터페이스를 확장하거나 any로 설정함으로써 해결합니다만, 표준 패턴인지 잘 모르겠습니다.

커스텀 인터페이스

export interface _Vue extends Vue {
  somePropOrMethod: any,
  forStringProp: String
}

또는 임의의 설정

(this.$parent as any).somePropOrMethod

언급URL : https://stackoverflow.com/questions/59763911/property-x-does-not-exist-on-type-vue-when-using-this-parent-somepropormethod