<script type="text/javascript">
window.onload=function(){
changeDivHeight()
}
//当浏览器窗口大小改变时，设置显示内容的高度
window.onresize=function(){
changeDivHeight()
}
function changeDivHeight(){
var h = document.documentElement.clientHeight//获取页面可见高度
document.getElementById("div_ov_y").style.height=h-140+"px"
1.第一步： 先在 data 中去 定义 一个记录宽度是属性；
data: {
screenWidth: document.body.clientWidth // 这里是给到了一个默认值 （这个很重要）
}
2.第二步： 我们需要讲 reisze 事件在 vue mounted 的时候去挂载一下它的方法；
mounted () {
const that = this
window.onresize = () =>{
return (() =>{
window.screenWidth = document.body.clientWidth
that.screenWidth = window.screenWidth
})()
}
}
3.第三步： watch 去监听这个 属性值的变化，如果发生变化则讲这个val 传递给 this.screenWidth。
在标签中直接用onclick绑定事件，相当于对象的引用，也就如果有多个标签绑定此事件函数，其实公用同一个函数对象，在此函数中用this关键字，总是指向的是此函数定义时所属的对象，而不是此标签对象，而在js中写代码绑定事件，相当于复制一份此事！窗体大小变化的事件为：resize（），你最大化，最小化的时候都可以触发他。就写在body标签里就可以了。关闭的时候可以onbeforeunload（）方法
我把我项目的一段拷贝给你看
//Written by Milo on Oct 22th,2010
//新增或者修改状态下离开该画面提示保存消息
window.onbeforeunload = function(){
if(editing)
{
return "离开此画面可能造成尚未保存的资料丢失。"
}
}
