Доступ к элементам «вычисляемого стиля» в директиве

Question

Я сделал директиву для этого загрузчика.Я хочу сделать что-то вроде ниже, но все стили не определены.Есть ли способ получить доступ к «вычисленным стилям» элемента в директиве?

export const ElementLoader = {
  componentUpdated(el, binding) {
    if (binding.value.isLoading) {
      if (el.style.position !== '' || el.style.position !== 'static') {
        el.style.position = 'relative'
      }

      el.classList.add('is-loading')
    } else {
      el.classList.remove('is-loading')
    }
  }
}

Answer 1

Если вам действительно нужно это в директивном стиле, то это не решение, но вы всегда можете динамически привязать свойство v в этом случае к классу CSS.

См .: Класс и стильпривязок

Answer 2

Vue.js не предоставляет ничего из коробки для этого.Для этого вы должны использовать core JavaScript API :

componentUpdated(el, binding) {
    const styleObj = window.getComputedStyle(el);
    // Other code...
}