No Vue, geralmente é raro manipular diretamente o DOM. Se você precisar manipular o DOM, podemos usar ref e $ ref para alcançá-lo.
1 ref
ref é usado para registrar informações de referência para um elemento ou componente filho. As informações de referência serão registradas no objeto $ refs do componente pai . Se forem usadas em um elemento DOM comum, a referência aponta para o elemento DOM. , A referência aponta para a instância do componente.
Quando ref = "xxx" é gravado no componente filho ou no elemento DOM, existe um atributo $ refs na instância vm, que contém todos os objetos DOM registrados com ref
2 $ refs
$ refs é um objeto que contém todos os componentes filhos da referência registrada .
Portanto, você pode usar isso. $ Refs.xxx. Nome do atributo (estilo, attr ...) para atingir o objetivo de manipular elementos DOM no vue