温馨提示×

vue如何获取元素的高

vue
养鱼的猫咪
3547
2021-05-11 13:03:39
栏目: 编程语言

在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;



0