vue 获取屏幕宽高 width height

Vue屏幕尺寸获取

最新推荐文章于 2024-12-16 14:58:45 发布

转载最新推荐文章于 2024-12-16 14:58:45 发布 · 2.3k 阅读

2 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/crazycode2/p/8905878.html

文章标签：

#javascript #前端 #ViewUI

本文介绍了一个简单的Vue函数封装方法，用于获取当前屏幕的宽度和高度。通过直接访问window对象及document对象的不同属性实现，适用于前端开发中需要响应式布局或根据不同屏幕尺寸调整UI的情况。

函数封装：

/**
 * 获取屏幕宽高
 */
Vue.prototype.getViewportSize = function(){
  return {
    width: window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth,
    height: window.innerHeight || document.documentElement.clientHeight || document.body.clientHeight
  };
};

转载于:https://www.cnblogs.com/crazycode2/p/8905878.html