Vuejs:键入$refs值

Question

我有一个使用Typescript的Vuejs (3)项目。在使用$refs时，我尽量避免依赖any类型

const el = (this.$refs['target'] as any).$el

它会触发以下警告：

warning  Unexpected any. Specify a different type  @typescript-eslint/no-explicit-any

你知道我可以使用什么类型而不是任何类型吗？

编辑:我不想禁用我的eslint规则:)

Answer 1

由于ref引用的是Vue组件(因为您使用的是$el)，因此您可以使用Vue附带的接口Vue或VueConstructor，而不是any。这将使您能够访问组件的基本Vue属性，如$el、$data等，但不能访问您自己添加到组件中的特定方法和属性。

这会让ESLint很高兴，因为它使用了比any更具体的东西。