你可以这样做：

class YourComponent extends Vue {
  $refs!: {
    checkboxElement: HTMLFormElement
  }

  someMethod () {
    this.$refs.checkboxElement.checked
  }
}

从这个问题：https : //github.com/vuejs/vue-class-component/issues/94

编辑 - 2021-03（组合 API）

更新此答案是因为 Vue 3（或组合 API 插件，如果您使用的是 Vue 2）有一些新功能。

<template>
  <div ref="root">This is a root element</div>
</template>

<script lang="ts">
  import { ref, onMounted, defineComponent } from '@vue/composition-api'

  export default defineComponent({
    setup() {
      const root = ref(null)

      onMounted(() => {
        // the DOM element will be assigned to the ref after initial render
        console.log(root.value) // <div>This is a root element</div>
      })

      return {
        root
      }
    }
  })
</script>

编辑 - 2020-04：

该vue-property-decorator库提供了我推荐的@Ref而不是我的原始答案。

import { Vue, Component, Ref } from 'vue-property-decorator'

import AnotherComponent from '@/path/to/another-component.vue'

@Component
export default class YourComponent extends Vue {
  @Ref() readonly anotherComponent!: AnotherComponent
  @Ref('aButton') readonly button!: HTMLButtonElement
}

原答案

以上答案都不适用于我想要做的事情。添加以下 $refs 属性最终修复它并似乎恢复了预期的属性。我在这个 github 帖子上找到了链接的解决方案。

class YourComponent extends Vue {
  $refs!: {
    vue: Vue,
    element: HTMLInputElement,
    vues: Vue[],
    elements: HTMLInputElement[]
  }

  someMethod () {
    this.$refs.<element>.<attribute>
  }
}

这对我有用：使用 (this.$refs.<refField> as any).value或(this.$refs.['refField'] as any).value

儿子.vue

const Son = Vue.extend({
  components: {},
  props: {},
  methods: {
    help(){}
  }
  ...
})
export type SonRef = InstanceType<typeof Son>;
export default Son;

父.vue

<son ref="son" />

computed: {
  son(): SonRef {
    return this.$refs.son as SonRef;
  }
}

//use
this.son.help();

避免使用括号< >进行类型转换，因为它会与 JSX 冲突。

试试这个

update() {
    const plateElement = this.$refs.plate as HTMLInputElement
    this.$emit('input', { plate: plateElement.value });
}

作为我一直记得的笔记

Typescript 只是具有强大类型功能以确保类型安全的 Javascript。因此^（通常）它不会预测 X 的类型（var、param 等），也不会自动对任何操作进行类型转换。

此外，typescript的另一个目的是使 JS 代码变得更清晰/可读，所以总是尽可能定义类型。