2016 - 2024

感恩一路有你

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

浏览量:2188 时间:2021-03-13 09:35:06 作者:admin

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获取高度、判断和赋值

代码示例:

<div id=“app”>

<div class=“circle”@touch start=“touch start”@touch move=“touch move”></div>

</div>

让app=new Vue({

El:“app”,

data:{

message:“app”]},

方法:{

//鼠标单击时触发,类似于onclick事件

touchstart(E){控制台.log(“touchstart”)},

//鼠标移动时触发

touchmove(E){控制台.log(“touchmove”)

}

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

//获取x坐标

e.targettouches[0]。Clientx

//获取y坐标

e.targettouches[0]。客户

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

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