Regarder la hauteur d'un élément dans VueJS

Question

Existe-t-il un moyen de définir un observateur sur la hauteur d'un élément dans VueJS?

J'essaie de corriger la partie filtres sur une page de résultats de recherche. mais si les résultats changent, il n'y a aucun moyen de le découvrir et de supprimer les filtres.

Answer 1

Vous pouvez obtenir la hauteur avec $ ref.yourElement.clientHeight, une fois que le résultat de la recherche a renvoyé les données. Avec cela, vous pouvez définir la hauteur dans le cadre de votre section de données {}, et à partir de là, appliquer un observateur. Vérifiez cet exemple

new Vue({
  el: '#app',
  data: {
    height: 0
  },
  methods: {
    calculateHeight() {
      this.height = this.$refs.app.clientHeight;
    }
  }
});