2021-11-09

监听div窗口大小发生变化

监听div窗口大小变化
本篇文章是我发布的第一篇文章，当时主要解决问题是用来监听layui弹出层大小是否发生变化，变化后里面内容需要改变，主要用的方式就是在他外面嵌套了一个div，然后用div的大小来判断它是否改变，话不多说上代码！

<div ref="jianting">
<div>
data(){   
 return{        
   jintingTime:'',     
   isQp:true    
}}
mouted(){    
  this.jintingTime = setInterVal(()={
    if(this.$refs.jianting.scrollwidth===1200){                this.isQp=true          
   }else{        
    this.isQp=false         
   }
},100)；
//销毁定时器
beforeDestroy(){
   clearInterval(this.jiantingTime)
}

这个方法有一点不好就是它会一直执行对内存不友好，会影响性能，所以大家如果使用后记得销毁它。

这是目前我所知道的一种方式，肯定还有别的办法，希望大家能多多留言