[Vuejs]-How to unbind an event while jump to other page in NUXTjs?

by

0👍

haha , VUE.js Instance Lifecycle Hooks also can use in nuxt.js.
so just like this

private smoothSlier () {
      const banner:any = document.querySelector('.banner img')
      const offsetTop = window.scrollY
      const INTOR_HEIGHT:any = document.querySelector('.intro-text').offsetHeight
      if (offsetTop < INTOR_HEIGHT) {
        banner.style.top = offsetTop + 'px'
      }
    }
private mounted () {
      if (process.browser) {
        document.addEventListener('scroll', this.smoothSlier)
      }
    }

    private beforeDestroy () {
      document.removeEventListener('scroll', this.smoothSlier)
    }

the point is bind golbal event in mounted hooks and,unbind in beforeDestroy

Leave a comment