Изменить класс для компонента VueJS

Question

Я хочу изменить класс компонента в VueJS через 2,5 секунды, и я использую этот код:

const Header = {
  template: `<header :class=hclass v-html="header"></header>`,
  data () {
   return {
     hclass: 'off'
   }
  },
  methods: {
    changeVisibility () {
      window.setTimeout(function () {
        this.hclass = 'on'
        console.log('Change to on!', this.hclass)
      }, 2500)
    }
  },
  computed: {
    header () {
      this.changeVisibility()
      return store.state.header
    }
  }
}

В то время как я вижу его в консоли, он говорит: «Переключитесь на!»,он никогда не обновляет мой класс с помощью 'on'!

Answer 1

Спасибо, что указали в правильном направлении!

methods: {
    changeVisibility () {
        setTimeout(function () {
            this.hclass = true
            console.log('Change to on!', this.hclass)
        }.bind(this), 5000)
    }
}