No vue.js 2, meça a altura de um componente depois que os slots forem renderizados
Eu estou procurando uma maneira de ler a altura (clientHeight) de um componente depois que seus slots são renderizados (no DOM) e, em seguida, defina o resultado como dados reativos para cálculos adicionais.
De acordo com a documentação doupdated gancho:
O DOM do componente será atualizado quando esse gancho for chamado, para que você possa executar operações dependentes do DOM aqui
... Está tudo bem até então, mas a documentação também afirma:
No entanto, na maioria dos casos, você deve evitar alterar o estado dentro do gancho
... Parece que não é proibido definir dados reativos noupdated gancho.
O resultado é muito instável, às vezes eu recebo oclientHeight após os slots serem renderizados e, às vezes, antes de serem renderizados.
Parece que o gancho 'atualizado' é chamado no momento certo, mas a alteração dos dados reativos nesse gancho não funciona sistematicamente.