vue怎么获取页面元素样式为空？

Question

获取到html元素对象后，输出它的样式全部为空怎么解决？

Answer 1

获取外联样式是需要这么写的,你那个只能获取内联样式

let style = window.getComputedStyle(element, [pseudoElt]);
element
用于获取计算样式的Element
pseudoElt 可选
指定一个要匹配的伪元素的字符串。必须对普通元素省略（或null）。

Answer 2

你可以不使用 $ref，而使用 $el 来获取当前组件的根 DOM 元素。
如果涉及 canvas，那么需要注意不应对 canvas 的 context 对象获取样式，而应对 canvas 对应的 DOM 元素获取样式。

Answer 3

试试 window.getComputedStyle(document.documentElement)

Answer 4

window.getComputedStyle(element)
window.getComputedStyle(element). attributeName