vue如何获取元素的高 vue 获取元素高度

文章摘要：vue如何获取元素的高 vue 获取元素高度

在vue中获取元素高的方法：1.新建vue.js项目；2.添加div标签，设置ref属性；3.执行代码获取元素 […]

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

具体步骤如下：

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;