獲取元素的z-index并不是一個難題,我們可以通過Vue提供的$refs屬性和$el屬性來獲取目標(biāo)元素的DOM對象,再通過DOM的style屬性獲取z-index樣式。
<!--在template中添加ref屬性--> <div ref="target" style="z-index: 100;"></div>
上述代碼中,在目標(biāo)元素中添加了一個ref的屬性,我們可以通過ref屬性來獲取DOM對象。
//在Vue實(shí)例或組件中,通過$refs屬性獲取目標(biāo)元素 const zIndex = this.$refs.target.$el.style.zIndex; console.log(zIndex); //100
通過$refs屬性獲取DOM對象后,我們可以直接訪問DOM元素的style屬性,再獲取對應(yīng)的z-index樣式即可。
上一篇vue獲取width
下一篇vue獲取wifi