Как использовать this.$refs в typescript?

Question

[hinie]

Здравствуйте, у меня есть метод типа

methods: {
    deploy() {
      if (window.scrollY > this.$refs.nav.offsetHeight) {
        this.isDeployed = false;
      }

Но typescript ругается на this.$refs.nav

(property) $refs: Data
Object is of type 'unknown'.Vetur(2571)

Как использовать ref в typescript?

Answer 1

[Алексей Ярков]

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

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