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
Inhaltsverzeichnis Erstellen von HTML-Seiten Impl...
MySQL-Batch-Einfügeproblem Da bei der Entwicklung...
HTML zum Erreichen eines einfachen ListViews-Effe...
Manchmal müssen wir den Hyperlink <a> anstel...
herunterladen http://nginx.org/en/download.html E...
Voraussetzungen Git muss installiert werden Insta...
Wenn Sie 5 Datensätze in Tabelle1 einfügen möchte...
In relationalen Datenbanken sind pessimistisches ...
Beim Verschieben von Bausteinen treten verschiede...
Ein Ereignis ist eine vom Benutzer oder dem Brows...
<br />Vom Start der neuen Homepage von NetEa...
CSS3 implementiert einen umdrehbaren Hover-Effekt...
Das Daten-URI-Schema ermöglicht es uns, Daten mith...
Vorwort Um die Konsistenz und Integrität der Date...
Genau wie dieser Effekt ist auch die Methode sehr...