vue中给window添加和移除resize事件遇到的坑
在vue项目中需要监听window窗口变化来时时计算图片的高度,于是就加了一个监听事件;确实监听到了,但是在离开当前页面进入其他页面改变窗口大小时发现window还是处于监听状态,,即移除监听事件并没有生效。//之前的写法,这样写移除监听事件无效mounted(){window.addEventListener('resize',()=>{...
·
在vue项目中需要监听window窗口变化来时时计算图片的高度,于是就加了一个监听事件;确实监听到了,但是在离开当前页面进入其他页面改变窗口大小时发现window还是处于监听状态,,即移除监听事件并没有生效。
//之前的写法,这样写移除监听事件无效
mounted(){
window.addEventListener('resize',()=>{
'改变窗口大小时需要做的处理'
});
},
beforeDestroy() {
window.removeEventListener("resize");
}
后来查找相关资料后发现用下面这种写法可以移除监听
methods: {
listenResize(){
'窗口大小改变时的操作'
}
},
mounted(){
window.addEventListener('resize',this.listenResize);
},
beforeDestroy() {
window.removeEventListener("resize",this.listenResize);
}
更多推荐
已为社区贡献1条内容
所有评论(0)