vue中监听窗口变化无效（续全屏。。。）

最新推荐文章于 2024-12-21 11:25:03 发布

baoyingltt

最新推荐文章于 2024-12-21 11:25:03 发布

阅读量2k

点赞数

CC 4.0 BY-SA版权

文章标签： vue resize 全屏

本文链接：https://blog.youkuaiyun.com/baoyingltt/article/details/82783914

本文探讨了在使用JavaScript监听窗口大小变化时遇到的稳定性问题。作者最初使用window.onresize方法，但效果不佳，后改用addEventListener方法后问题得以解决。文章详细记录了代码修改过程及前后效果对比。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

刚开始写的代码

const _that=this;
 window.onresize = function() {
        if (!_that.checkFull()) {
            //要执行的动作
            $("#canvasPaintArea").css("position","static").css("width","100%");
            $(".buildingsFloor").css("width","70%");
            $(".floor-plan").css("width","78%");
            _that.isFullscreen=true;
        }
    }

发现监听窗体变化不稳定，时好时坏；

后来将代码改成现在的样子就好了

 const _that=this;
    window.addEventListener('resize', function() {
        if (!_that.checkFull()) {
            //要执行的动作
            $("#canvasPaintArea").css("position","static").css("width","100%");
            $(".buildingsFloor").css("width","70%");
            $(".floor-plan").css("width","78%");
            _that.isFullscreen=true;
        }
    })

不知道是什么原因，哪位大佬知道的请在下面留言；感激不尽！！！