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>

 

posted @ 2019-05-22 12:06  帅到要去报警  阅读(6827)  评论(0编辑  收藏  举报