Linux 拨号vps windows公众号手机端

vue如何获取元素的高

lewis 6年前 (2019-04-13) 阅读数 14 #程序编程
文章标签 vue

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



版权声明

本文仅代表作者观点,不代表米安网络立场。

发表评论:

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

热门