下面给大家分享两种方法来介绍Vue实时监听窗口变化windowresize,具体内容如下所示:
<强>方法一:
第一步:定义变量
数据（）
返回{
formLabelWidth:“123 px”
}
},
第二次:,,根据生命周期在安装中绑定窗口变化
安装(){
const=这
窗口。onresize=()=比;{
返回(()=比;{
窗口。screenWidth=document.body.clientWidth
那screenWidth=window.screenWidth
})()
}
},
第三步:,,绑定监听看
看:{
screenWidth (val) {
如果(! this.timer) {
这一点。screenWidth=瓦尔
这一点。计时器=true
让这=setTimeout(函数(){//creenWidth=store.state.canvasWidth美元
console.log (that.screenWidth)//that.init ()
那计时器=false
},400)
}
}
},
<强>方法二:在vue。2 x里面时候,安装里面可以直接挂载window.onresize事件。全局监听
安装(){
窗口。onresize=()=比;{
返回(()=比;{
this.handleLableWidth ();
})()
}
this.handleLableWidth ();
},
完全可以做到检测窗口变化
以上所述是小编给大家介绍的Vue实时监听窗口变化windowresize的两种方法,希望对大家有所帮助,如果大家有任何疑问请给我留的言,小编会及时回复大家的。在此也非常感谢大家对网站的支持!
