How to get the height of an element?

Question

Vue.js

There is such an input. When I receive an error from the back, I need it to increase, I implemented this method

calcPadding() {
                const error = document.querySelector('.error')
                this.paddingInput = this.errorText ? error.getBoundingClientRect().height + 16 : this.paddingInput
            }

and through watch I follow the error

watch : {
          errorText() {
              this.calcPadding()
          }
        },

but the whole problem is that when an error occurs, the error variable returns null (does not see the block, although it is already in the dom) and because of this I cannot pull the height of the error, the error block appears when an error is received. Can someone tell me how to do it or can it be implemented differently?

Answer 1

Wow, why is it so difficult? Why is that not possible?