Bootstrap Vue Как получить высоту карты

Question

Я пытаюсь использовать компонент карты в bootstrap - vue. Я хочу получить высоту карты после ее визуализации, поскольку высота изменяется в зависимости от количества текста в ней. Какое было бы решение?

Answer 1

Вы можете сделать watch на своей модели.

watch : {
    'modelThatChanges'() {
        var height = document.getElementById("idOfCard").offsetHeight; // includes border and padding
        console.log(height)
    }
}

Если это вызывает проблему, то отображается последнее значение, а не новая высота. Вам нужно сделать Vue.nextTick, и он будет выглядеть так:

watch : {
    'modelThatChanges'() {
        Vue.nextTick(() => {
            var height = document.getElementById("idOfCard").offsetHeight; // includes border and padding
            console.log(height)
        });
    }
}