WeChat-Applet-Beispiel für die direkte Verwendung von Funktionen in {{ }}

Vorwort

Bei der WeChat-Applet-Entwicklung (natives wxml, wxcss) möchte ich Methoden direkt in {{ }} aufrufen, um Daten zu verarbeiten, aber es wird ein Fehler gemeldet. Wenn Sie beispielsweise Prozentsätze in einem Projekt berechnen, können Gleitkommaoperationen in JS zu Genauigkeitsproblemen führen, die zu vielen Dezimalstellen führen. Daher möchten Sie die Werte in der Vorlagensyntax entsprechend verarbeiten.

1. Verwendung

<view>￥{{(money*0.03).toFixed(2)}} Bearbeitungsgebühr (Satz 3%)</view>

Es wird ein Fehler gemeldet und eine direkte Verwendung sowie der Aufruf der Methoden in js ist nicht möglich.

2. Lösung

Was sollen wir tun, da Funktionen in js nicht in {{}} aufgerufen werden können? WeChat hat ein neues Konzept vorgeschlagen, WXS (WeiXin Script), eine Skriptsprache für Miniprogramme, die .wxs-Methoden in WXMLs {{}} aufrufen können.

Wir erstellen eine neue .wxs Datei

// Unterstützt es4-Syntax var filter = {
	numberToFixed: Funktion(Wert){
		Rückgabewert.toFixed(2)
	}
}
// Extern verfügbar gemachte Eigenschaften exportieren module.exports = {
	Festgelegte Nummer: filter.Festgelegte Nummer
}

Importieren Sie die Datei im WXML-Format:

<!-- Importieren Sie die .wxs-Datei src als relativen Pfad, module gibt den Namen des aktuellen Moduls an-->
<wxs module="filter" src="./AnzahlZuFixierten.wxs"></wxs>

Rufen Sie die Methode im .wxs-Modul in {{}} auf:

<view>￥{{filter.numberToFixed(money*0.03)}} Bearbeitungsgebühr (Satz 3%)</view>

Zusammenfassen

Von Vue bis zu Miniprogrammen: Beim Schreiben von Seiten fällt am meisten auf, dass einige Verarbeitungen oder Methoden, die Vue zuvor mit computed implementieren konnte, jetzt direkt in {{}} aufgerufen werden können, was die Verarbeitung bestimmter Daten sehr bequem macht. WeChat hat WXS eingeführt, um den Mangel auszugleichen, dass Methoden in js nicht direkt in Miniprogrammen verwendet werden können {{}}. Andererseits verbessert es auch die Leistung von Miniprogrammen, von denen jedes seine eigenen Funktionen erfüllt.

Dies ist das Ende dieses Artikels darüber, wie WeChat Mini-Programme Funktionen direkt in {{ }} verwenden. Weitere Informationen dazu, wie WeChat Mini-Programme Funktionen in {{ }} verwenden, finden Sie in früheren Artikeln auf 123WORDPRESS.COM oder in den folgenden verwandten Artikeln. Ich hoffe, Sie werden 123WORDPRESS.COM auch in Zukunft unterstützen!