You can use $el instead of $ref to get the root DOM element of the current component. If canvas is involved, you need to pay attention not to get the style from the context object of the canvas, but to get the style from the DOM element corresponding to the canvas.
You need to write like this to get the external style. You can only get the inline style
let style = window.getComputedStyle(element, [pseudoElt]); element Used to get the Element of the calculated style pseudoElt Optional Specify a string of pseudo elements to match. Must be omitted (or null) for ordinary elements.
![[Web front-end] Node.js quick start](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
You can use
$elinstead of$refto get the root DOM element of the current component.If canvas is involved, you need to pay attention not to get the style from the context object of the canvas, but to get the style from the DOM element corresponding to the canvas.
Try
window.getComputedStyle(document.documentElement)You need to write like this to get the external style. You can only get the inline style
let style = window.getComputedStyle(element, [pseudoElt]);
element
Used to get the Element of the calculated style
pseudoElt Optional
Specify a string of pseudo elements to match. Must be omitted (or null) for ordinary elements.