Vue implementiert das Umschalten des Anmeldetyps
|
In diesem Artikelbeispiel wird der spezifische Code von Vue zur Implementierung des Login-Typ-Wechsels zu Ihrer Information geteilt. Der spezifische Inhalt ist wie folgt Wirkung der Operation
Code
<!DOCTYPE html>
<html lang="de">
<Kopf>
<meta charset="UTF-8">
<title>Anmeldetyp wechseln</title>
<script src="../js/vuejs-2.5.16.js"></script>
</Kopf>
<Text>
<div id="app">
<span v-if="istBenutzer">
<label for="userAccount">Benutzerkonto:</label>
<input type="text" id="userAccount" placeholder="Bitte geben Sie Ihr Konto ein" key="userAccount">
</span>
<span v-else>
<label for="userEmail">Benutzer-E-Mail:</label>
<input type="text" id="userEmail" placeholder="Bitte geben Sie Ihre E-Mail-Adresse ein" key="userEmail">
</span>
<button @click="changeType">Typ wechseln</button>
</div>
</body>
<Skript>
const app = new Vue({
el: '#app',
Daten: {
isUser: true
},
Methoden:{
Typ ändern(){
gibt dies zurück.istBenutzer = !dies.istBenutzer
}
}
})
</Skript>
</html>Code-Snippet-Analyse
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:
|
<<: Erläuterung des Prozesses des Docker-Packaging-Node-Projekts
>>: Detaillierte Erklärung redundanter und doppelter Indizes in MySQL
Artikel empfehlen
Detaillierte Erläuterung der MySQL-Datenbankisolationsebene und des MVCC
Inhaltsverzeichnis 1. Isolationsstufe LESEN SIE U...
Führen Sie die Schritte zum Zurücksetzen des Root-Benutzerkennworts in MySQL8 aus
Vorwort In letzter Zeit haben viele neue Kollegen...
Detaillierte Erklärung zur Verwendung der Linux-Umleitung
Ich glaube, dass jeder manchmal Daten kopieren un...
Wie implementiert die MySQL-Datenbank die XA-Spezifikation?
MySQL-Konsistenzprotokoll Was passiert mit nicht ...
So trennen Sie statischen und dynamischen Status durch die Kombination von Apache und Tomcat
Experimentelle Umgebung Apache und Tomcat sind be...
Gründe und Lösungen für das Fehlschlagen der Erstellung von Fremdschlüsseln durch MySQL
Beim Verknüpfen zweier Tabellen konnte kein Fremd...
Detaillierte Erklärung der Linux-RPM- und Yum-Befehle und -Verwendung
RPM-Paketverwaltung Ein Verpackungs- und Installa...
Natives JS zur Implementierung eines Dropdown-Menüs
Dropdown-Menüs sind auch im wirklichen Leben weit...
Lösung für den MySQL-Fehlercode 1064
Wenn die Wörter in der SQL-Anweisung mit den Schl...
MySQL 5.7-Clusterkonfigurationsschritte
Inhaltsverzeichnis 1. Ändern Sie die Datei my.cnf...
Detaillierte Erläuterung verschiedener Möglichkeiten zum Zusammenführen von Javascript-Objekten
Inhaltsverzeichnis Verschiedene Möglichkeiten zum...
Lösung für das Ausgehen der Auto-Increment-ID (Primärschlüssel) von MySQL
In MySQL werden viele Typen von Auto-Increment-ID...
So installieren und verwenden Sie Server-U Version 14
Einführung der Server-U-Software Server-U ist ein...
Reines JavaScript zur Implementierung des Zahlenratespiels
Entwickeln Sie ein Zahlenratespiel, bei dem zufäl...
So stellen Sie FastDFS in Docker bereit
Installieren Sie Fastdfs auf Docker Mount-Verzeic...