vue 獲取元件高度

2021-10-09 09:23:18 字數 560 閱讀 2193

vue獲取元素高度

// 當前區域

"element"

>

<

/div>

// 獲取高度值 (內容高+padding+邊框)

let height=

this

.$refs.element.offsetheight;

//100

// 獲取元素樣式值 (存在單位)

let height = window.

getcomputedstyle

(this

.$refs.element)

.height;

// 100px

// 獲取元素內聯樣式值(非內聯樣式無法獲取)

let height =

this

.$refs.element.style.height;

// 100px

參考自

獲取view寬高度 獲取自定義元件寬高度

給view設定乙個id class 名,用法和jquery類似,用來獲取指定id相關資訊。test 測試view 把方法寫在onready,是為了再頁面初次渲染完成後,再去獲取,避免不準確或獲取不到的情況。onready function e exec 輸出結果 獲取自定義元件的相關資訊,與獲取vi...

vue獲取全域性元件 解析Vue全域性元件和區域性元件

vue中元件分為兩種 1.全域性元件 2.區域性元件 接下來我們看看兩種元件的區別 一 使用範圍 全域性元件使用範圍 可以在頁面中任何位置使用 區域性元件使用範圍 只能在定義它的el中使用,不能再其他位置使用,否則就無法生效 二 定義元件的方法 全域性元件 可以使用vue.component tag...

vue獲取全域性元件 Vue 全域性元件自動註冊

在 vue 中,我們通過 vue.component mycomponentname 的方式來進行全域性元件註冊,但如果需要全域性註冊的元件很多,這時 就會變得比較臃腫,例如 12 註冊 5 個全域性元件 import examplecomponent1 from components exampl...