Einführung in die Implementierungsmethode der Datenfilterung im WeChat-Applet (Code)

Der Inhalt dieses Artikels ist eine Einführung in die Implementierungsmethode der Datenfilterung im WeChat-Applet. Ich hoffe, dass er für Freunde hilfreich ist.

Weil die internen Implementierungsmechanismen von wxml und js des WeChat-Applets separat kompiliert werden. Es gibt also keine Möglichkeit, js-Funktionen in wxml aufzurufen. Dies führt dazu, dass WXML eine häufig verwendete Funktion fehlt, d. h. es gibt keine Möglichkeit, Daten auf der Ansichtsebene zu formatieren. Beispielsweise erhalten wir ein Array mit Zeitstempeldaten vom Backend und müssen diese Daten dann in Vue im Datumsformat 2017-01-01 formatieren und auf der Schnittstelle anzeigen. Frontend-Webframeworks wie Angular bieten im Allgemeinen relativ einfach zu verwendende Lösungen wie Filter in der Ansichtsebene. Vue verfügt nicht über diese Methoden. Die vom Miniprogramm gestartete WXS-Typdatei soll jedoch diese Art von Problem lösen.

Verwenden Sie

, um zunächst eine neue filter.wxs-Datei zu erstellen (sie kann auch direkt in die wxml-Datei geschrieben werden, die öffentliche Methode sollte jedoch trotzdem separat erstellt werden) .

var formatDate = function (timestamp,option) {
  var date = getDate(parseInt(timestamp));
  var year = date.getFullYear()
  var month = date.getMonth() + 1
  var day = date.getDate()
  var hour = function(){
    if (date.getHours()<10){  //补‘0’
      return &#39;0&#39; + date.getHours()
    }
    return date.getHours();
  }
  var minute = function () {
    if (date.getMinutes() < 10) {
      return &#39;0&#39; + date.getMinutes()
    }
    return date.getMinutes();
  }
  var second = function () {
    if (date.getSeconds() < 10) {
      return &#39;0&#39; + date.getSeconds()
    }
    return date.getSeconds();
  }

  if (option==&#39;notime&#39;){  //不需要时间
    return year + &#39;-&#39; + month + &#39;-&#39; + day;
  }

  return year + &#39;-&#39; + month + &#39;-&#39; + day + &#39; &#39; + hour() + &#39;:&#39; + minute() + ":" + second();
}

module.exports = {
  formatDate: formatDate,
};

Hinweise zur Verwendung von

<wxs src=&#39;filter.wxs&#39; module=&#39;filter&#39; />
  <view>日期：{{filter.formatDate(要过滤的时间戳)}}</view>

in WXML-Dateien

wxs unterscheidet sich von js-Dateien. Daher werden viele js-APIs nicht unterstützt. Spezifische Unterstützung finden Sie in der offiziellen Dokumentation.

Das obige ist der detaillierte Inhalt vonEinführung in die Implementierungsmethode der Datenfilterung im WeChat-Applet (Code). Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!