vue怎么獲取元素的高

發布時間：2022-04-21 15:52:08 來源：億速云閱讀：146 作者：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問一下細節

中文字幕av专区_日韩电影在线播放_精品国产精品久久一区免费式_av在线免费观看网站