Vue: vue-class-component를 통한 사용자 정의 메소드는 $ref로 인식되지 않습니다.

안녕하세요 여러분,

다음과 같은 오류 메시지가 나타납니다.

error TS2339: Property 'show' does not exist on type 'Element | Vue | Vue[] | Element[]'

다음과 같은 줄을 가리킵니다.

this.$refs['myDialog'].show()

이 show 는 vue-class-component를 사용하여 TypeScript에서 구현한 메소드입니다. Vue를 확장하는 클래스에 있습니다. 나는 ./types/vue.d.ts 여기 에서 라인을 찾았습니다.

다음과 같은 제네릭을 사용하여 수정해야 한다고 생각합니다.

readonly $refs: { [key: string]: [V extends Vue] | Element | Array<V extends Vue> | Array<Element>};

하지만 그렇게만 한다고 되는 것은 아니다.

누구든지 그것을 올바르게하는 방법을 알고 있습니까?

감사 해요!