typescript - Vuejs：键入 $refs 值

Question

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

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

它会触发以下警告：

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

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

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

标签： typescriptvue.js

Answer 1

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

这将使 ESLint 感到高兴，因为它使用了比any.