vue---监听浏览器窗口的宽度

使用VUE开发后台项目,后台项目需要进行后台根据浏览器窗口进行变化,需要使用vue来监听浏览器的窗口变化。

<template>
    <div class="content" :style="height"></div>
</template>

<script>
export default {
  name: 'App',
  data () {
  return {
      height:'',
  }
  },
  components:{},
  methods:{
    getHeight(){
      this.height = window.innerHeight - 70 + 'px';
    }
  },
  created(){
    window.addEventListener('resize', this.getHeight);
    this.getHeight()
  },
  destroyed(){
    window.removeEventListener('resize', this.getHeight)
  }
}
</script>

猜你喜欢

转载自www.cnblogs.com/e0yu/p/10905148.html