在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);
    }

 

Logo

前往低代码交流专区

更多推荐