Comment obtenir la hauteur d'un élément dans l'applet WeChat

Comment obtenir la hauteur de l'élément dans l'applet WeChat

Obtenir la hauteur de l'élément (unité px) :

let query = wx.createSelectorQuery();
query.select('.content').boundingClientRect(rect=>{
  let height = rect.height;
  console.log(height);
}).exec();

2. Obtenez la hauteur de l'élément (unité rpx), utilisez la conversion du rapport hauteur/largeur pour obtenir : (les 750 suivants sont la largeur de l'élément, l'unité est rpx)

let query = wx.createSelectorQuery();
query.select('.content').boundingClientRect(rect=>{
  let clientHeight = rect.height;
  let clientWidth = rect.width;
  let ratio = 750 / clientWidth;
  let height = clientHeight * ratio;
  console.log(height);
}).exec();

3. Une fois le rendu de la page terminé, le rappel OnReady est obtenu. Lors de la définition de la hauteur d'un élément, si aucune minuterie n'est ajoutée, la hauteur de l'élément obtenu est toujours la hauteur avant le rendu des données asynchrones. Par conséquent, vous devez ajouter une minuterie

onReady () {
    setTimeout(() => {
    let query = wx.createSelectorQuery();
    query.select('.content').boundingClientRect(rect=>{
        let height = rect.height;
        console.log(height);
        }).exec();
    }, 300)
}

Site Web chinois PHP, il existe de nombreux tutoriels gratuits de développement de petits programmes, bienvenue pour apprendre !

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!