码迷,mamicode.com
首页 > Windows程序 > 详细

Vue:window.onresize

时间:2019-02-26 17:29:56      阅读:188      评论:0      收藏:0      [点我收藏+]

标签:lock   函数   页面   钩子   ted   timer   settime   timeout   子函数   

1. 添加属性screenHeight 和 timer。

screenHeight: window.innerHeight

timer: ‘‘ //  window.onresize函数频繁调用时,页面抖动较大,设定间隔

2. 在mounted 钩子函数中监听onresize事件

let that = this

window.onresize = () => {

    if (!that.timer) {

        that.timer = true

        setTimeout(() => {

            that.timer = false

            that.screenHeight = window.innerHeight

        }, 600)

    }

}

Vue:window.onresize

标签:lock   函数   页面   钩子   ted   timer   settime   timeout   子函数   

原文地址:https://www.cnblogs.com/Unchastity/p/10438257.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!