Vue: Custom methods through vue-class-component are not recognized with $ref

Hi all,

I have got an error message like this:

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

It points to a line like this:

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

This show is a method implemented in TypeScript using vue-class-component. It is in a class that extends Vue. I located the line in ./types/vue.d.ts here.

I guess it should be modified using generics like this:

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

But it doesn't work by just doing that.

Does anyone know how to do it right?

Thanks!