Ver la altura de un elemento en VueJS

Recuerda que en las ciencias cualquier problema casi siempere suele tener diferentes resoluciones, por lo tanto nosotros aquí te enseñaremos la mejor y más óptimo.

Solución:

Puede obtener la altura con $ref.yourElement.clientHeight, después de que el resultado de la búsqueda devuelva los datos. Con eso, puedes establecer la altura como parte de tu sección de datos y desde allí aplicar un observador. Mira este ejemplo

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

Puede usar ResizeObserver e integrarlo en su Vue-Component

function observeHeight() 
  const resizeObserver = new ResizeObserver(function() 
     console.log("Size changed");
  );

 resizeObserver.observe(document.getElementById('yourId'));


function changeHeight() 
  var elem = document.getElementById('yourId');
  
  console.log('...loading data...')
  setTimeout(function() 
    elem.style = "height: 200px";
  , 3000);
  


observeHeight();
changeHeight();

#yourId 
  background-color: beige;
  height: 100px;

Si para ti ha sido de utilidad este artículo, sería de mucha ayuda si lo compartieras con otros programadores de este modo contrubuyes a dar difusión a nuestro contenido.

---

---

Utiliza Nuestro Buscador