So ermitteln Sie die Höhe eines Elements im WeChat-Applet

So ermitteln Sie die Höhe des Elements im WeChat-Applet

Ermitteln Sie die Höhe des Elements (Pixel-Einheit):

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

2. Ermitteln Sie die Höhe des Elements (

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();

-Einheit) und verwenden Sie die Seitenverhältniskonvertierung, um Folgendes zu erhalten: (750 unten ist die Breite des Elements, die Einheit ist rpx)

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

3 Nachdem das Rendern der Seite abgeschlossen ist, wird beim Festlegen der Höhe eines Elements immer noch die Höhe des erhaltenen Elements erhalten, bevor die asynchronen Daten gerendert werden. Daher müssen Sie einen Timer hinzufügen

rrreee

PHP-Chinese-Website, es gibt viele kostenlose kleine Programmentwicklungs-Tutorials, willkommen zum Lernen!

Das obige ist der detaillierte Inhalt vonSo ermitteln Sie die Höhe eines Elements im WeChat-Applet. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!