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 更具体的东西。