WeChat Mini-Programm-Tutorial zur Datenbindung

Datenbindung

Die dynamischen Daten in WXML stammen aus den Daten der entsprechenden Seite.

Einfache Bindung

Die Datenbindung verwendet die „Mustache“-Syntax (doppelte Klammern), um Variablen einzuschließen, die angewendet werden können auf:

Inhalt

896ed4a4b7d92085d8a5871a0f7d6f27 {{ message }} de5f4c1163741e920c998275338d29b2

Page({  
 data: {  
 message: 'Hello MINA!'  
 }  
})

Komponenteneigenschaften (müssen in doppelten Anführungszeichen stehen)

0a94fac0da335ed0d6ce60297265b666 de5f4c1163741e920c998275338d29b2

Page({  
 data: {  
 id: 0  
 }  
})

Steuerattribute (müssen in doppelten Anführungszeichen stehen)

fbb5b6c617e7fd263d48ea5e88ce0c91 de5f4c1163741e920c998275338d29b2

Page({  
 data: {  
 condition: true  
 }  
})

Operation

kann einfache Operationen innerhalb von {{}} ausführen. Die folgenden Methoden werden unterstützt:

Ternäre Operationen

5c0f36418b1b7a421c5e82d44252f56e Hidden de5f4c1163741e920c998275338d29b2

Rechenoperationen

896ed4a4b7d92085d8a5871a0f7d6f27 }} + {{c}} + d de5f4c1163741e920c998275338d29b2

Page({  
 data: {  
 a: 1,  
 b: 2,  
 c: 3  
 }

Der angezeigte Inhalt ist 3 + 3 + d

Logisches Urteil

f6b037c6d9d4b07cc38ede2869e1aabc 5}}"> de5f4c1163741e920c998275338d29b2

String-Operationen

89c662c6f8b87e82add978948dc499d2{{ "hello" + name}}< ;/view>

Page({  
 data:{  
 name:"MINA"  
 }  
})

Kombination

kann auch direkt in Mustache zu einem neuen Objekt oder Array kombiniert werden

Array

d2d072db44e15e4ae2bf2153d42df22c {{item}} de5f4c1163741e920c998275338d29b2

Page({  
 data: {  
 zero: 0  
 }  
})

Endlich zu einem Array zusammengefasst [ 0, 1, 2, 3, 4]

Objekt

<template is="objectCombine" data="{{for: a, bar: b}}"></template>  
Page({  
 data: {  
 a: 1,  
 b: 2  
 }  
})

Das endgültige kombinierte Objekt ist {für: 1, Balken: 2}

Sie können auch verwenden der Spread-Operator... um ein Objekt zu erweitern

<template is="objectCombine" data="{{...obj1, ...obj2, e: 5}}"></template>  
Page({  
 data: {  
 obj1: {  
  a: 1,  
  b: 2  
 },  
 obj2: {  
  c: 3,  
  d: 4  
 }  
 }  
})

Das endgültige kombinierte Objekt ist {a: 1, b: 2, c: 3, d: 4 , e: 5}

Wenn der Schlüssel und der Wert des Objekts gleich sind, kann er auch indirekt ausgedrückt werden

42b27514edf3ed1e28b3b8305bf0e10e21c97d3a051048b8e55e3c8f199a54b2

Page({  
 data: {  
 obj1: {  
  a: 1,  
  b: 2  
 },  
 obj2: {  
  b: 3,  
  c: 4  
 },  
 a: 5  
 }  
})

Das endgültige kombinierte Objekt ist {a: 5, b: 3, c: 6}

Das Obige ist WeChat Der Datenbindungsinhalt des Miniprogramm-Tutorials Weitere verwandte Inhalte finden Sie auf der chinesischen PHP-Website (www.php.cn)!