vue动态设置div高度 vue.js怎么获取div的高度？

vue.js怎么获取div的高度？

JavaScript screen对象获取屏幕宽度和高度，如alert（屏幕高度)&Ltbr>availheight属性

窗口可以使用的屏幕高度，单位像素&Ltbr>availwidth属性

窗口可以使用的屏幕宽度，单位像素&Ltbr>colordepth属性

用户浏览器表示的颜色位数，通常为32位（每像素位数）&Ltbr>pixeldepth属性

用户浏览器表示的颜色位数，通常32位（每像素位数）（ie不支持）&Ltbr>height属性

屏幕高度，单位像素&Ltbr>width属性

屏幕宽度，单位像素&Ltbr>&Ltbr>div设置定位，宽度和高度设置为屏幕的一半，至于中心可以绝对定位

用这个。$refs获取高度、判断、赋值

第一种情况是宽度和高度写在样式表中，例如#div1{宽度：120px}在这种情况下，通过div1样式.宽度无法获取宽度，但可以通过#div1.offsetwidth获取宽度。

第二个是宽度和高度写在行中，例如style=“宽度：120px在这种情况下，可以通过上述两种方法获得宽度。

总结，因为id.偏移宽度以及id.离地不管样式是写在样式表中还是写在一行中，当我们得到元素的宽度和高度时，最好使用这两个属性。请注意，如果未写入行中，则无法传递style中的属性id.style.atrr编号为了得到它。

今天的前端产品很少直接用样式表来编写样式，但它们都是用样式表来编写的。如果您想要获得的样式没有相应的（如#div1样式.宽度对应于#div1。Offsetwidth），您只能在不使用浏览器的情况下获取样式表的属性。您可以尝试搜索“JS get style properties”等等。

代码：

var o=文档.getElementById（“view”）var H=o.offsetheight//height var w=o.offsetwidth//width

代码示例：

<div id=“app”>

<div class=“circle”@touchstart=“touchstart”@touchmove=“touchmove”></div>

</div>

让app=newVue（{

El:“#app”，

data:{

message:“app”]}，

methods:{

]//鼠标单击时触发，类似于onclick event

touchstart（E）{控制台.log（“touchstart”）}，

//鼠标移动时触发

触摸移动（E）{控制台.log（“touchmove”）

}

在事件回调中使用e.targettouches属性。

//获取x坐标

e.targettouches[0]。Clientx

//获取y坐标

e.targettouches[0]。客户

vue动态设置div高度 vue根据js添加div vue动态创建div

版权声明：本文内容由互联网用户自发贡献，本站不承担相关法律责任.如有侵权/违法内容,本站将立刻删除。