怎么用vue獲取元素的高

發布時間：2022-10-14 10:18:00 來源：億速云閱讀：222 作者：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獲取元素的高”的內容了，經過本文的學習后，相信大家對怎么用vue獲取元素的高這一問題有了更深刻的體會，具體使用情況還需要大家實踐驗證。這里是億速云，小編將為大家推送更多相關知識點的文章，歡迎關注！

向AI問一下細節

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