vue监听浏览器窗口变化动态设置高度

果栋-web前端

已于 2023-09-07 10:03:35 修改

阅读量729

点赞数

文章标签： vue.js javascript 前端

于 2023-09-07 09:11:02 首次发布

本文链接：https://blog.csdn.net/guo_yandong/article/details/132730065

版权

我是在入口处做的处理，废话不多说先上代码给大家看下如何实现：

代码块：

methods:{
     scrollHandle(e){
        let top = e.srcElement.scrollingElement.scrollTop; // 获取页面滚动高度
        this.heigths = top
     }
},
mounted(){
    this.screenHeight = document.body.clientHeight;
    window.addEventListener('scroll',this.scrollHandle); //绑定页面滚动事件
      window.onresize = () => {
        return (() => {
         // 重新赋值最新窗口数据
         this.screenHeight = document.body.clientHeight
      })()
    }
}