Beispielanalyse der Datenbindung im WeChat-Applet (Code)

Dieser Artikel bietet Ihnen eine Beispielanalyse (Code) der Datenbindung im WeChat-Applet. Ich hoffe, dass er für Freunde hilfreich ist.

1. Das WeChat-Applet kann das Tag auf der WXML-Seite nicht binden, um den Wert oder das Attribut des Tags zu erhalten oder festzulegen. Alle werden durch Datenbindung implementiert.
2. Die dynamischen Daten in WXML stammt aus den Daten der entsprechenden Seite.

Datenbindung:
1. Bindung von Etikettenattributen

wxml中应用双大括号将data中的数据绑定到相应的标签中：
<view> {{ message }} </view>
js中：
Page({
  data: {
    message: &#39;Hello MINA!&#39;
  }
})

3 >

wxml中，其中绑定的要在双引号之中：
<view id="{{id}}"> </view>
js中:
Page({
  data: {
    id: 0
  }
})

4. Schlüsselwörter (müssen in doppelte Anführungszeichen gesetzt werden)

wxml中（绑定在双引号中）
<view wx:if="{{condition}}"> </view>
//作为条件句出现，可以动态决定某一个标签出现不出现
js中：
Page({
  data: {
    condition: true
  }
})
---或---
wxml中（绑定在双引号中）
<view hidden="{{condition}}"> </view>
//作为条件句出现，可以动态决定某一个标签出现不出现
js中：
Page({
  data: {
    condition: true
  }
})
//hidden与wx:if的区别：
hidden只是隐藏，但是节点是生成的
wx:if不生成节点

5. Kombination (nicht sehr häufig, nicht mehr) Bitte beachten Sie die Entwicklungsdokument für das WeChat Mini-Programm, Abschnitt „Datenbindung“)

Verwandte Empfehlungen:

Benutzerdefinierter Analyseprozess von Daten im WeChat Mini-Programm

Ausführlich Erläuterung der Verwendung von Iconfont im WeChat-Miniprogramm (mit Code)

Beispiel für das WeChat-Miniprogramm: Implementierung eines zufälligen Bestätigungscodes (mit Code)

Das obige ist der detaillierte Inhalt vonBeispielanalyse der Datenbindung im WeChat-Applet (Code). Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!