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