在Vue应用中获取屏幕尺寸-vue-screen-size

在Vue应用中获取屏幕尺寸-vue-screen-size
插件名称 vue-screen-size
发布时间 2020年4月7日
插件作者 johndatserakis

一个Vue.js库,可以轻松,被动地访问屏幕的宽度和高度。

安装和下载:

# Yarn
$ yarn add vue-screen-size

# NPM
$ npm install vue-screen-size --save

如何使用它:

1.安装软件包后,导入vue-screen-size。

import VueScreenSize from 'vue-screen-size'

2.注册组件。

Vue.use(VueScreenSize);
// 或
export default {
  ...
  mixins: [VueScreenSize.VueScreenSizeMixin],
  ...
}<

3.使用以下变量获取屏幕尺寸。

  • $ vssWidth:屏幕的宽度
  • $ vssHeight:屏幕的高度
  • $ vssEvent:调整大小事件中的事件对象数据