Inhalte

• Inhalte
• Text Filter
• Objektarrays vergleichen
• Dynamische Klassen
• Links
  • Sammlung von Utilities
  • Bibliothek

Text Filter

filteredDocs: function () {
  if (array1 != null) {
    return array1.filter((person) => {
      return (`${person.pVorname}, ${person.pNachname}, ${person.pFachbereich},${person.pStudiengang}`).toLowerCase().match(this.search.toLowerCase());
    })
  }
},

Objektarrays vergleichen

syncArrays: function () {
  if (array1 != null) {
    array1.forEach((element, index) => {
      var filename = element.file_name;

      return this.array2.filter((elem) => {
        if (elem.doc == filename) {
          if (elem.img != "") {
            var link = 'https://www.hfk2020.de' + elem.img;
            array1[index].pImg = link;
            return true;
          } else {
            return false;
          }
        }
      })
    })
  }
},

Dynamische Klassen

:class="{active: isCategoryActiveFunction('parameter')}"

// Method
isCategoryActiveFunction(parameter) {
  if (this.datenfeld == parameter) {
    return true;
  } else {
    return false;
  }
},

Links

Sammlung von Utilities

VueUse

Bibliothek

Motion One