当前位置:首页 > 千层云服务器 > 正文

vue如何获取元素的高

在vue中获取元素高的方法:1.新建vue.js项目;2.添加div标签,设置ref属性;3.执行代码获取元素的高;

vue如何获取元素的高

具体步骤如下:

1.首先,在vue-cli中创建一个vue.js项目;

vue create project-name


2.vue.js项目创建好后,在项目中添加一个div标签,并设置ref属性;

<div ref="getheight"></div>

3.最后,ref属性设置好后,在项目中执行以下代码即可获取元素的高;

1)获取元素的高度值

let height= this.$refs.getheight.offsetHeight;


2)获取元素的样式值

let height = window.getComputedStyle(this.$refs.getheight).height;


3)获取元素的内联样式值

let height = this.$refs.getheight.style.height;



如果您对该产品感兴趣,请填写办理(客服微信:xiaoxiongyidong)

为您推荐:

发表评论

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

在线客服