vue獲取元素寬、高、距離左邊距離,右,上距離等還有XY坐標軸的方法
更新時間：2018年09月05日 09:26:51 作者：garyHoH
今天小編就為大家分享一篇vue獲取元素寬、高、距離左邊距離,右,上距離等還有XY坐標軸的方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
this.$refs['通過設置ref獲取到的dom元素'].getBoundingClientRect();
//示例: 獲取元素距離頂部的距離 this.$refs.journalUpward.getBoundingClientRect().top
以上這篇vue獲取元素寬、高、距離左邊距離,右,上距離等還有XY坐標軸的方法就是小編分享給大家的全部內容了，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關文章
Vue.js中使用iView日期選擇器并設置開始時間結束時間校驗功能
本文通過實例代碼給大家介紹了Vue.js中使用iView日期選擇器并設置開始時間結束時間校驗功能,需要的朋友可以參考下2018-08-08
這篇文章主要為大家詳細介紹了如何使用Java獲取客戶端信息以及IP地址,文中的示例代碼講解詳細,感興趣的小伙伴可以跟隨小編一起學習一下2024-02-02
這篇文章主要介紹了vue如何自定義事件傳參，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-05-05
詳解使用element-ui table組件的篩選功能的一個小坑
在element ui 框架中，對于table框架，有一個篩選功能，這篇文章主要介紹了詳解使用element-ui table組件的篩選功能的一個小坑，非常具有實用價值，需要的朋友可以參考下2018-11-11
這篇文章主要介紹了Vue兩種組件類型:遞歸組件和動態(tài)組件的用法說明，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2020-08-08
這篇文章主要介紹了vue-cli3中vue.config.js配置教程，本文給大家介紹的非常詳細，具有一定的參考借鑒價值,需要的朋友可以參考下2019-05-05
本文主要介紹了Vue+Element的后臺管理框架，在框架上，領導要用AdminLTE這套模板，文中通過示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-09-09
本文主要介紹了vue3中toRef、toRefs和toRaw的使用,文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友們下面隨著小編來一起學習學習吧2024-05-05
這篇文章主要介紹了Vue 匿名、具名和作用域插槽的使用方法，非常不錯，具有一定的參考借鑒價值,需要的朋友可以參考下2019-04-04
這篇文章主要介紹了vue-cli項目中遇到的eslint的坑及解決，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-04-04