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 का उपयोग करके कार्यान्वित एक विधि है। यह उस वर्ग में है जो Vue का विस्तार करता है। मैंने लाइन को यहां ./types/vue.d.ts में स्थित किया है।

मुझे लगता है कि इसे इस तरह जेनरिक का उपयोग करके संशोधित किया जाना चाहिए:

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

लेकिन सिर्फ इतना करने से काम नहीं चलता।

क्या कोई इसे सही तरीके से करना जानता है?

धन्यवाद!