En Vue, generalmente es raro manipular directamente el DOM. Si necesita manipular el DOM, podemos usar ref y $ ref para lograrlo.
1 ref
ref se usa para registrar información de referencia para un elemento o componente hijo. La información de referencia se registrará en el objeto $ refs del componente padre . Si se usa en un elemento DOM ordinario, la referencia apunta al elemento DOM, si está en el componente hijo , La referencia apunta a la instancia del componente.
Cuando ref = "xxx" se escribe en el componente secundario o elemento DOM, hay un atributo $ refs en la instancia de vm, que contiene todos los objetos DOM registrados con ref
2 $ refs
$ refs es un objeto que contiene todos los componentes secundarios de la referencia registrada .
Por lo tanto, puede usar esto. $ Refs.xxx. Nombre de atributo (estilo, atributo ...) para lograr el propósito de manipular elementos DOM en vue