在vue中获取元素高的方法:1.新建vue.js项目;2.添加div标签,设置ref属性;3.执行代码获取元素的高;
具体步骤如下:
首先,在vue-cli中创建一个vue.js项目;
vue create project-name
vue.js项目创建好后,在项目中添加一个div标签,并设置ref属性;
<div ref="getheight"></div>
最后,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;