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

最新推荐文章于 2025-06-24 11:18:14 发布

weixin_34080903

最新推荐文章于 2025-06-24 11:18:14 发布

阅读量964

点赞数

CC 4.0 BY-SA版权

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/e0yu/p/10905148.html

该博客介绍使用VUE开发后台项目，此项目需根据浏览器窗口变化而变化，要利用vue监听浏览器窗口变化。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

使用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>