vue怎么獲取元素的高

發(fā)布時間：2022-04-21 15:52:08 來源：億速云閱讀：136 作者：iii 欄目：大數(shù)據(jù)

本文小編為大家詳細介紹“vue怎么獲取元素的高”，內(nèi)容詳細，步驟清晰，細節(jié)處理妥當，希望這篇“vue怎么獲取元素的高”文章能幫助大家解決疑惑，下面跟著小編的思路慢慢深入，一起來學習新知識吧。

具體步驟如下：

1.首先，在vue-cli中創(chuàng)建一個vue.js項目；

vue create project-name

2.vue.js項目創(chuàng)建好后，在項目中添加一個div標簽，并設置ref屬性；

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

3.最后，ref屬性設置好后，在項目中執(zhí)行以下代碼即可獲取元素的高；

1）獲取元素的高度值

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

2）獲取元素的樣式值

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

3）獲取元素的內(nèi)聯(lián)樣式值

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

讀到這里，這篇“vue怎么獲取元素的高”文章已經(jīng)介紹完畢，想要掌握這篇文章的知識點還需要大家自己動手實踐使用過才能領會，如果想了解更多相關內(nèi)容的文章，歡迎關注億速云行業(yè)資訊頻道。

向AI問一下細節(jié)

猜你喜歡