vue中watch监听页面窗口高度
1.首先需要在data里面定义页面的高度data (){return {fullHeight: document.documentElement.clientHeight}}2.把window.onresize事件挂在到mountedmounted() {const that = thiswindow.onresize = () => {return (() => {window.fu
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)
}
}
}
更多推荐



所有评论(0)