vue-resize事件

前言

在vue页面中监听窗口大小变化的事件时，需要再离开页面之前移除这个事件。要不然在路由跳转时，改变浏览器窗口大小依然会执行里面的代码。

监听

 data(){
     return {
$_resizeHandler: null
     }
 },
 methods: {
     handle(){
       let that = this
       this.$_resizeHandler = debounce(() => {
         //要执行的操作
       }, 200)
       window.addEventListener('resize', this.$_resizeHandler)
     }
 }

移除

beforeDestroy() {
  window.removeEventListener('resize', this.$_resizeHandler)
}

赏

谢谢你请我吃糖果