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
Verwenden Sie SWFObject, um das Browserkompatibilitätsproblem beim Einfügen von Flash in HTML perfekt zu lösen
Lasst uns gemeinsam lernen 1. Traditionelle Metho...
Linux verwendet Bond, um zwei Netzwerkkarten zu implementieren und einen einzelnen IP-Beispielcode zu binden
Um eine hohe Verfügbarkeit des Netzwerks zu gewäh...
Detaillierte Erklärung der Lösung für verweigerte Berechtigungen in Linux
Zugriff verweigert: Der Grund hierfür ist: Es lie...
Detaillierte Erklärung zum Upgrade von Softwarepaketversionen unter Linux
Im Linux-Umfeld möchten Sie prüfen, ob eine besti...
Grundlegende Schritte zur Sicherheitseinstellung für den CentOS7-Server
Schalten Sie den Ping-Scan aus, obwohl dies nicht...
So führen Sie PostgreSQL mit Docker aus
1. Installieren Sie Docker. Referenz-URL: Docker-...
Wie gut wissen Sie über die Vererbung in JavaScript?
Inhaltsverzeichnis Vorwort Die Beziehung zwischen...
7 native JS-Fehlertypen, die Sie kennen sollten
Inhaltsverzeichnis Überblick 1. Bereichsfehler 2....
Beim Hinzufügen einer Windows 2008-Server-Subdomäne zu einer übergeordneten Domäne wird eine Fehlermeldung angezeigt: Die Domäne existiert bereits
Beim Hinzufügen einer Windows 2008-Server-Subdomä...
Detaillierte Verwendung von Echarts in vue2 vue3
Inhaltsverzeichnis 1. Installation 2. Verwenden S...
Installations-Tutorial zur neuesten MySQL-Version 8.0.17 mit Dekomprimierung
Ich persönlich denke, dass die dekomprimierte Ver...
Linux verwendet NetworkManager, um Ihre MAC-Adresse zufällig zu generieren
Egal, ob Sie zu Hause auf dem Sofa oder draußen i...
Detaillierte Erläuterung des automatischen Formatierungszeilenumbruchs von Vue Save
Ich habe online nach vielen Möglichkeiten gesucht...
impress.js Präsentationsschicht-Framework (Demonstrationstool) - erste Erfahrungen
Ich habe ein halbes Jahr lang nicht gebloggt, wofü...
MySQL-FAQ-Serie: Wann werden temporäre Tabellen verwendet?
Einführung in temporäre Tabellen Was ist eine tem...