In diesem Artikel wird hauptsächlich erläutert, wie Sie schwebende Eingabeaufforderungen zu Kopfzeilensymbolen in ElementUI-Tabellen hinzufügen, und es wird mit Ihnen geteilt. Die Einzelheiten lauten wie folgt: <el-table-column Bezeichnung = "Vorgang" fest="richtig" :render-header="Tabellenaktion" Breite="120"> <!--scope ist userList scope.row sind die aktuellen Zeilendaten--> <template slot-scope="Umfang"> <el-button @click="editCar(scope.row)" Typ="primary" Icon="el-icon-edit" Größe="klein" Kreis></el-button> <el-button @click="delCar(scope.row.carId)" Typ="Gefahr" Symbol="el-icon-delete" Kreisgröße="klein"></el-button> </Vorlage> </el-Tabellenspalte> //Eingabeaufforderung für Tabellenoperationen tableAction() { gib dies zurück.$createElement('HelpHint', { Requisiten: { Inhalt: 'Fahrzeug bearbeiten/Fahrzeug löschen' } }, 'bedienen'); }, Denken Sie daran, zu importieren HelpHint aus „~/components/HelpHint/HelpHint.vue“ importieren; Und führen Sie es in Komponenten ein Inhalt der HelpHint.vue-Komponente <Vorlage> <span> <span style="margin-right: 8px"><Steckplatz></Steckplatz></span> <el-tooltip :content="Inhalt" :placement="Platzierung"> <i class="el-icon-question" style="cursor: pointer;"></i> </el-tooltip> </span> </Vorlage> <Skript> Standard exportieren { Name: 'HelpHint', Requisiten: { Platzierung: Standard: „oben“ }, Inhalt: String, }, Daten() { zurückkehren {} }, } </Skript> Dies ist das Ende dieses Artikels über das Hinzufügen schwebender Eingabeaufforderungen für Kopfzeilensymbole in ElementUI-Tabellen. Weitere relevante schwebende Eingabeaufforderungen für Elementsymbole finden Sie in früheren Artikeln auf 123WORDPRESS.COM oder in den unten stehenden verwandten Artikeln. Ich hoffe, dass jeder 123WORDPRESS.COM in Zukunft unterstützen wird! Das könnte Sie auch interessieren:
|
<<: SQL zur Implementierung der Wiederherstellung einer Zeitreihenversetzung
>>: CSS3 realisiert eine springende Ballanimation
js realisiert den Spezialeffekt des Klickens und ...
Optimieren Sie die FastCGI-Konfigurationsdatei fc...
Die Schritte zum Konfigurieren von Tomcat in IDEA...
Vorwort Vor MySQL 8.0 war es ziemlich mühsam, Dat...
Hinweis: Die derzeit beliebtesten Front-End-Frame...
Mehrere Unterschiede zwischen MySQL 5.x und MySQL...
Vorwort Ich habe vor kurzem eine Feuerwerksanimat...
1. Geben Sie die folgende Adresse in den Browser ...
Im vorherigen Artikel wurde die Implementierungsm...
Inhaltsverzeichnis Vorwort Referenzvergleich Manu...
Vorwort Was ist eine langsame Abfrage und wie kan...
1. Erstellen Sie ein Shell-Skript vim backupdb.sh...
Die Zeit der virtuellen VM Ware-Maschine CentOS s...
1. Einleitung (1) Einführung in vw/vh Bevor wir s...
Docker erfreut sich seit zwei Jahren großer Belie...