1.监听window窗口变化
VueJs 监听 window.resize 方法,同时窗口拉伸时会频繁触发resize函数,导致页面性能 卡顿 ,可以搭配setTimeout来提升性能
data() {
return {
screenWidth: document.body.clientWidth,//初始化宽度
}
},
在mounted中挂载resize方法文章来源:https://www.toymoban.com/news/detail-503672.html
var _this = this
window.onresize = () => {
return (() => {
_this .screenWidth = document.body.clientWidth
})()
}
watch 监听 data中或props传递的数据文章来源地址https://www.toymoban.com/news/detail-503672.html
screenWidth(){
if (!this.timer) {
this.timer = true
let _this= this
setTimeout(function () {
... (执行的语句)
_this.timer = false
}, 500)
}
}
到了这里,关于Vue,js 监听window窗口尺寸变化的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!