So ändern Sie die Breite und Höhe der Ansichtsbeschriftung im WeChat-Applet

In diesem Artikel wird hauptsächlich die Methode des WeChat-Applets zum dynamischen Ändern der Breite und Höhe von Ansichtsbeschriftungen vorgestellt, einschließlich der Ereignisreaktion des WeChat-Applets und der zugehörigen Implementierungstechniken zur Verwendung von setData zum dynamischen Bearbeiten von Datendaten. Freunde in Not können darauf verweisen

Das Beispiel in diesem Artikel beschreibt die Methode zum dynamischen Ändern der Breite und Höhe der Ansichtsbezeichnung im WeChat-Applet. Geben Sie es wie folgt als Referenz an alle weiter:

Schlüsselcode

index.wxml-Datei

<view class="view" style="width:{{view.Width}}px;height:{{view.Height}}px;"
>我是view标签，我现在的宽度是{{view.Width}}px,高度是{{view.Height}}px</view>
<input placeholder="输入view标签的宽度" bindinput="viewWidth"></input>
<input placeholder="输入view标签的高度" bindinput="viewHeight"></input>

Das hier eingestellte style="width:{{view.Width}}px;height:{{view.Height}}px;" kann sein bestanden Die Ereignisantwort ändert den Wert dynamisch und ändert dadurch den Breiten- und Höhenstil der Ansichtskomponente.

index.js-Datei

var pageData={}
pageData.data={
  view:{
    Width:100,
    Height:100
  }
}
pageData['viewWidth']=function(e){
console.log(e);
  this.setData({
    view:{
      Width:e.detail.value,
      Height:this.data.view.Height
    }
  })
}
pageData['viewHeight']=function(e){
  this.setData({
    view:{
      Width:this.data.view.Width, 
      Height:e.detail.value 
    }
  })
}
Page(pageData)

PS: Ähnlich wie im vorherigen Artikel //www.jb51.net/article/129725.htm eingeführt, können Sie console.log(e); in der Datei hinzufügen Ereignisverarbeitungsfunktion Sie können in der Konsole beobachten, dass die Breiten- und Höhenänderungen durch e.detail.value ermittelt werden.

Ich habe das Obige für Sie zusammengestellt und hoffe, dass es Ihnen in Zukunft hilfreich sein wird.

Verwandte Artikel:

Fehler beim Laden des Pfads inlaydate.js

Beliebige Datenbank über Javascript verbinden

So verwenden Sie fs.rename in node.js, um eine erzwungene Umbenennung zu implementieren

Beim Laden des Pfads inlaydate.js tritt ein Fehler auf

So implementieren Sie die Übergabe von Routenparametern im Vue-Router

Wie man jQuery zum Betreiben von Tabellen verwendet, um eine Zellenzusammenführung zu erreichen

Wie um Animationseffekte und Rückruffunktionen zu erzielen

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