监听浏览器窗口变化(缩放)

监听浏览器窗口变化(缩放)

mounted(){
  this.$nextTick(() => {
    this.resizeFun()
    // this.resizeFun窗口变化执行的方法
    window.addEventListener('resize',this.resizeFun )
  })  
},
beforeDestroy() {
  window.removeEventListener('resize',this.resizeFun)
},
methods:{
  resizeFun() {
    // 窗口变化执行的操作
  }
}

注意:为啥addEventListener添加监听事件时不写匿名函数,而单独写一个resizeFun方法;是因为removeEventListener移除事件传入的参数必须和addEventListener添加事件的参数一致;故写匿名函数会导致无法移除该事件。

你可能感兴趣的:(js,前端,javascript)