1.首先需要在data里面定义页面的高度

data (){
return {
fullHeight: document.documentElement.clientHeight
}
}

2.把window.onresize事件挂在到mounted

mounted() {
const that = this
window.onresize = () => {
return (() => {
window.fullHeight = document.documentElement.clientHeight
that.fullHeight = window.fullHeight
})()
}
}

3.监听window.onresize事件

watch: {
fullHeight (val) {
if(!this.timer) {
this.fullHeight = val
this.timer = true
let that = this
setTimeout(function (){
that.timer = false
},400)
}
}
}

Logo

Vue社区为您提供最前沿的新闻资讯和知识内容

更多推荐