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>