vue 中获取屏幕尺寸

data() {return {screenWidth: document.body.clientWidth, // 屏幕尺寸}},
// 钩子函数
mounted () {const that = thiswindow.onresize = () => {return (() => {window.screenWidth = document.body.clientWidththat.screenWidth = window.screenWidth})()}}

window.onresize

是window的事件，只能绑定一次，对于VUE单页面来说最好这个写在APP页面，这样只要这个事件触发，就可以通过this.$refs找到其他组件，触发其中的适应屏幕的内容

vue 中获取屏幕尺寸相关推荐

Android中获取屏幕物理尺寸的方法
第一种方法 //获取屏幕宽度 int screenWidth = ((WindowManager) context.getSystemService(Context.WINDOW_SERVICE)). ...
php 获取手机屏幕宽度,Swift-使用UIScreen类获取屏幕尺寸
Swift-使用UIScreen类获取屏幕尺寸在iOS 9中, 使用 UIScreen.mainScreen().applicationFrame 会报警: 'applicationFrame' w ...
[UIScreen MainScreen].bounds.size获取屏幕尺寸不准确
[UIScreen MainScreen].bounds.size获取屏幕尺寸不准确原因:在启动页对应.xcassets文件中的设置的启动页没有完全设置好,只要把全部的尺寸都设置就解决了
在vue中获取微信支付code及code被占用问题的解决？
在vue中获取微信支付code及code被占用问题的解决? 参考文章: (1)在vue中获取微信支付code及code被占用问题的解决? (2)https://www.cnblogs.com/pana ...
增强中获取屏幕值的一句很实用代码…
增强中获取屏幕值的一句很实用代码,直接获取屏幕字段值, 一般是在增强中用比如MIGO收货时,希望获取收货对应的A01这个值增强:BADI: MB_DOCUMENT_BADI MB_DOCUME ...
Android获取屏幕尺寸，屏幕适配
获取屏幕尺寸: DisplayMetrics dm = new DisplayMetrics(); getWindowManager().getDefaultDisplay().getMetrics( ...
vue 给标签添加data属性_在Vue中获取自定义属性方法:data-id的实例
获取自定义属性的方法: 第一步:首先在标签上绑定上@click="getDateId(item.id)",并将属性值传到绑定的事件里面第二步:在标签上继续绑定:date-id = ...
vue-html5-editor接收数据,在vue中获取wangeditor的html和text的操作
目的:vue 中获取 wangeditor 的 html 和 text. 补充知识:vue-cli webpack 引入 wangeditor(轻量级富文本框) 1:使用npm下载: //(注意 wa ...
Android中获取屏幕信息的几种方式
Android中获取屏幕信息的几种方式方案一方案二方案三 Note:以下方案中的this均指Activity. 方案一 WindowManager wm = (WindowManager) th ...
vue图片超出屏幕尺寸自动适应图片比例缩放
vue图片超出屏幕尺寸自动适应图片比例缩放 <div><el-button class="blue-btn"@click="open"> ...

vue 中获取屏幕尺寸

vue 中获取屏幕尺寸相关推荐

最新文章

热门文章