vue项目监听浏览器窗口大小发生变化触发事件

首先,在data中定义你所需要的宽度或者高度

 

 

  第二,页面初始化mounted的时候,通过 document.body.clientWidth 和 document.body.clientHeight 来获取到浏览器的宽和高,然后通过 window.onresize 来监听浏览器窗口的变化,在这里来改变我们的变量宽和高即可

  (created()的时候不行,因为此时document还没有生成)

 

posted @ 2021-06-22 11:15  danmo_xx  阅读(4122)  评论(1编辑  收藏  举报