Auswählen und ändern: Klicken Sie, um den aktuellen Wert anzuzeigen. Daraufhin wird die Benutzeroberfläche der Seite angezeigt und der CSS-Stil geändert. Wichtiger Punkt: v-if und v-else-if werden zusammen verwendet, keines von beiden darf fehlen. Effektbild:Der richtige Code lautet wie folgt:
<div Klasse="it-after" v-if=" Lebenslauf.Telefon != ''"> <p class="it-telphone clamp1">{{resume.phone}}</p> <div class="btn3"><el-button type="primary" icon="el-icon-warning" plain @click="open3">Diesen Lebenslauf melden</el-button></div> <div Klasse="btn3" Stil="margin-top:5px;"> <el-dropdown @command="resumeStateFun"> <el-button type="primary" v-if="resume.status==0"> <span :id="'span_'+resume.resumeCode">Unbeschriftet</span><i class="el-icon-arrow-down el-icon--right"></i> </el-button> <el-button type="primary" v-else-if="resume.status==1"> <span :id="'span_'+resume.resumeCode">Vorstellungsgespräch</span><i class="el-icon-arrow-down el-icon--right"></i> </el-button> <el-button type="primary" v-else-if="resume.status==2"> <span :id="'span_'+resume.resumeCode">Warte auf Vorstellungsgespräch</span><i class="el-icon-arrow-down el-icon--right"></i> </el-button> <el-button type="primary" v-else-if="resume.status==3"> <span :id="'span_'+resume.resumeCode">Unangemessen</span><i class="el-icon-arrow-down el-icon--right"></i> </el-button> <el-dropdown-menu slot="Dropdown"> <el-dropdown-item :command="resume.resumeCode+'_0'">Unbeschriftet</el-dropdown-item> <el-dropdown-item :command="resume.resumeCode+'_1'">Vorstellungsgespräch</el-dropdown-item> <el-dropdown-item :command="resume.resumeCode+'_2'">Warte auf Vorstellungsgespräch</el-dropdown-item> <el-dropdown-item :command="resume.resumeCode+'_3'">Nicht geeignet</el-dropdown-item> </el-Dropdown-Menü> </el-dropdown> </div> </div> Zusammenfassen: Sie müssen Dies ist das Ende dieses Artikels über die ElementUI-Komponente el-dropdown (Falle). Weitere verwandte Inhalte zum Element el-dropdown finden Sie in früheren Artikeln auf 123WORDPRESS.COM oder durchsuchen Sie die verwandten Artikel weiter unten. Ich hoffe, Sie werden 123WORDPRESS.COM auch in Zukunft unterstützen! Das könnte Sie auch interessieren:
|
<<: MySQL 8.0 kann jetzt JSON verarbeiten
>>: Zwei Möglichkeiten, damit IE6 Bilder im PNG-24-Format normal anzeigt
Die in MySQL integrierte Datumsfunktion TIMESTAMP...
Linux-Version: CentOS 7 [root@azfdbdfsdf230lqdg1b...
Inhaltsverzeichnis beschreiben erreichen Die Proj...
Die MySQL-Transaktionsunterstützung ist nicht an ...
Inhaltsverzeichnis 2. Zweck 2.1 Objekten Eigensch...
Inhaltsverzeichnis 1. Wie werden Strukturen im Ge...
1. CSS realisiert eine feste Breite links und ein...
Inhaltsverzeichnis 1. Beispiel 2. Erstelle 100 So...
Viele Webseiten haben kleine Dreiecke in ihren Na...
Früher wusste ich nur, wie ich zum Springen das Na...
Das Format ist einfach: Proxy_Pass-URL; Die URL u...
Heute werden wir darüber sprechen, wie wir Jenkin...
Wirkung der Operation html <Kopf> <meta ...
Manchmal möchten wir eine solche Funktion impleme...
Der Code sieht folgendermaßen aus: <!DOCTYPE h...