Add window event listener – vue.js

Add event on window in vue.js is similar to adding an event with javascript, don’t need to add extra efforts.

syntax with an example:

window.addEventListener('click', this.reloadPage)

With Vue.js

export default {
  name: 'app',
  components: {
    ....
  },
  methods: {
    reloadPage: function () {
      {... do your logic ...}
    }

  },

  created: function () {
    window.addEventListener('keydown', this.reloadPage)
  },

  destroyed: function () {
    window.removeEventListener('keydown', this.reloadPage)
  }
}

Thanks!

Was this post helpful?
Let us know if you liked the post. That’s the only way we can improve.
Yes7
No1
Harinder Singh

Harinder Singh

My name is Harinder Singh and I specialize in Software industry. I consider myself as a life learner. I love learning new concepts, embracing new ideas and reading and searching for innovation.