一、获取屏幕高度赋值给div

html：

<div id="industrySectorScroll" :style="{ height: screenHeight + 'px' }"></div>

js:

  export default {name: "industrySectorScroll",data() {return {screenWeight: 0, // 屏幕宽度screenHeight: 0, // 屏幕高度};},mounted() {this.screenWeight = document.documentElement.clientWidth;this.screenHeight = document.documentElement.clientHeight;
}

二、根据class类名获取div高度

html：

获取高度的div

<div class="canvasWrap>要填充内容才有高度,或者写死高度</div>

被赋值的div

<div id="industrySectorScroll" :style="{ height: screenHeight + 'px' }"></div>

js：

  export default {name: "industrySectorScroll",data() {return {screenWeight: 0, // 屏幕宽度screenHeight: 0, // 屏幕高度};},mounted() {this.screenWeight =  document.querySelector(`.canvasWrap`).clientWidth;this.screenHeight = document.querySelector(`.canvasWrap`).clientHeight;
}

vue获取屏幕高度赋值给div与获取div本身的高度相关推荐

vue获取屏幕高度并赋值给盒子
html:<div class="contentLeft"><div id="echartBox" ref="echartBox&q ...
vue mixins（vue3 hooks）动态获取div高度
之前转载过一篇文章: https://blog.csdn.net/qq_37167049/article/details/103084927 可以动态计算div 高度,但是比较繁琐的痛点是: 需要在每 ...
android如何获取分屏区域的宽高,Android N获取屏幕高度的问题
获取屏幕高度的代码 int getScreenHeight(Activity context) { WindowManager wm = (WindowManager)context.getSyste ...
JS获取div高度的方法
有时在写页面时,需要获取一个div的高度.怎么才能获取呢?哈哈,先上结论.有两种方法. offsetHeight .clientHeight getComputedStyle offsetHeight ...
vue原生获取屏幕高度
vue原生获取屏幕高度 1.全界面 2.组件中 vue原生获取屏幕高度技术胖pos实战练习知识点视频链接 1.全界面 .main{float: left;width: 100%;height: 1 ...
android屏幕密度高度,Android获取常用辅助方法(获取屏幕高度、宽度、密度、通知栏高度、截图)...
我们需要获取Android手机或Pad的屏幕的物理尺寸,以便于界面的设计或是其他功能的实现.下面就分享一下Android中常用的一些辅助方法: 获取屏幕高度: /** * 获得屏幕高度 * @para ...
JS获取DIV动态高度，并赋值到其style样式中
<head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312&qu ...
html div 动态赋值,JS获取DIV动态高度，并赋值到其style样式中
JS获取DIV动态高度,并赋值到其style样式中 function $(id){ return document.getElementById(id) } function getHeight() ...
华为手机获取状态栏高度是错误的_聊聊获取屏幕高度这件事
问题的起因是我发现 PopupWindow弹出位置不正确时发现的.其实早在两年多前,我就发现我手上的小米MIX2s 获取屏幕高度不正确,后面参考V2EX 的这篇帖子处理了.最近又一次做到类似功能,发现 ...
js获取浏览器可视区域高度并赋值给div/iframe
js代码部分 <script>function getFrame1Height() {var Frame = document.getElementById('frame');//获取fr ...

vue获取屏幕高度赋值给div与获取div本身的高度

一、获取屏幕高度赋值给div

js:

二、根据class类名获取div高度

获取高度的div

被赋值的div

vue获取屏幕高度赋值给div与获取div本身的高度相关推荐

最新文章

热门文章