How to use this.$refs in typescript?

Question

Vue.js

Hello, I have a method like

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

But typescript swears at this.$refs.nav

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

How to use ref in typescript?

Answer 1

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

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