在data中设置

data() {
  return {
    screenHeight: document.documentElement.clientHeight, //屏幕高度
    screenWidth: document.documentElement.clientWidth, //屏幕宽度
  }
}

在mounted中设置（在resize中设置即可）

mounted() {
  let that = this;
  window.addEventListener("resize", function() {
    that.screenHeight = document.body.clientHeight;
    that.screenWidth = document.body.clientWidth;
    console.log(that.screenHeight);
  });
},

VUE中监听窗口宽高
在data中设置data() { return { screenHeight: document.docu...
vue 监听元素DOM宽高变化
Vue监听窗口变化
监听resize事件，此事件将在窗口大小变化时触发，在事件回调中使用body.getBoundingClientR...
Vue大屏自适应--响应式盒子
Vue大屏项目自适应--响应式盒子一、获取当前浏览器可视窗口宽高 1、在Vue项目 src文件夹内新建 util...
vue中在mounted中window.onresize不生效
在vue中监听窗口变化使用：window.onresize. 在mounted里直接使用就可以。但是当父子组件同...
容器与图片宽高不确定前提下图片居中
需求：针对浏览器窗口，图片水平居中。浏览器窗口高宽未知；图片高宽未知；且必须考虑图片比窗口大要兼容低版本ie，所以...
BOM基础操作
打开关闭窗口 userAgent loction loction的search hash 可视区宽高，文档宽高，滚...
vue监听页面宽度高度
监听窗口变化：window.onresizeJS的一些方法：网页可见区域宽：document.body.clien...
Vue 记事
嵌套路由简易写法 Vue setInterval 使用 Vue 组件中添加监听添加监听: handleGloba...
vue 监听窗口大小变化
使用 window.onresize 即可