In diesem Artikelbeispiel wird der spezifische Code zur Implementierung der Dropdown-Filterung in der Element-UI-Tabelle zu Ihrer Information bereitgestellt. Der spezifische Inhalt ist wie folgt 1. Bei der Standardsortierung übergibt prop das zu sortierende Feld (Daten, die von der Schnittstelle zurückgegeben oder von Ihnen selbst definiert werden), und order stellt die Sortierung dar. Hier wird die absteigende Reihenfolge verwendet <Vorlage> <el-Tabelle :data="Tabellendaten" Stil="Breite: 100%" empty-text="Noch keine Daten" ref="Filtertabelle" > <el-table-column prop="Gerätetyp" label="Gerätetyp" Überlauf-Tooltip anzeigen Spaltenschlüssel="Gerätetyp" :Filter="[ { text: 'Wetterausrüstung', value: 1 }, { text: 'Emotionale Ausstattung', value: 0 }, ]" :filter-method="filterHandler" :filter-multiple="true" > <template slot-scope="Umfang"> <span v-if="scope.row.deviceType == 1">Wetterüberwachungsgeräte</span> <span v-if="scope.row.deviceType == 0">Ausrüstung zur Einsturzüberwachung</span> <span></span> </Vorlage> </el-Tabellenspalte> </el-Tabelle> </Vorlage> Methoden: { // Header-Filterereignis filterHandler(value, row, column) { const-Eigenschaft = Spalte["Eigenschaft"]; gibt Zeile [Eigenschaft] zurück === Wert; } } Datentypen Seiteneffekte Das Obige ist der vollständige Inhalt dieses Artikels. Ich hoffe, er wird für jedermanns Studium hilfreich sein. Ich hoffe auch, dass jeder 123WORDPRESS.COM unterstützen wird. Das könnte Sie auch interessieren:
|
<<: Eine dauerhafte Lösung für MySQLs Unfähigkeit, Chinesisch zu erkennen
>>: ICO-Spiegelcode zu HTML hinzufügen (favicon.ico wird im Stammverzeichnis abgelegt)
Beim Debuggen einer chinesischen Zen Cart-Website...
Inhaltsverzeichnis Zabbix überwacht Nginx Zabbix ...
<br />Verwandte Artikel: 9 praktische Vorsch...
Mehrere typische Werte von innodb_flush_method fs...
Inhaltsverzeichnis 1. filter() 2. fürJedes() 3. e...
Dieses Tutorial beschreibt die Installation der M...
1. Grundlegende Spezifikationen (1) Es muss die I...
Ursache Beim Ausführen des Docker-Skripts tritt e...
Die Swap-Partition des Linux-Systems, also die Sw...
Horizontale Linie Verwenden Sie das Tag <hr /&...
Überblick Ein Index ist eine vom DBMS basierend a...
Manchmal kann es vorkommen, dass eine SQL-Anweisu...
Inhaltsverzeichnis 1. Container-Service-Update un...
Ich habe heute eine Aufgabe von der Firma erhalte...
Ohne weitere Umschweife werde ich den Code direkt...