vue + typescript使用过程中报Property 'xxx' does not exist on type 'Vue'错误

 

 

在使用ts的过程中发现，父组件调用子组件方法的时候

this.$refs.modal.show()

 

发现vscode报错Property 'chlidMethod' does not exist on type 'Vue的情况，但是实际上运行效果完全没问题。

主要原因是 vscode会根据声明文件自动进行类型推断的，这里没法知道show的类型

因此，如下即可

(this.$refs.modalas any).show()