vue下怎么獲取元素的高

發布時間：2022-10-19 10:00:22 來源：億速云閱讀：163 作者：iii 欄目：開發技術

本文小編為大家詳細介紹“vue下怎么獲取元素的高”，內容詳細，步驟清晰，細節處理妥當，希望這篇“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;

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

向AI問一下細節

亚洲激情专区-91九色丨porny丨老师-久久久久久久女国产乱让韩-国产精品午夜小视频观看