Vue führt eine Überprüfung durch, ob der Benutzername verfügbar ist

<div id="app">
  <span>Benutzername:</span>
  <span>
   <Eingabetyp="text" v-model.lazy="uname">
  </span>
  <span>
   {{Tipp}}
  </span>
</div>

<script type="text/javascript" src="../js/vue.js"></script>
 <Skripttyp="text/javascript">
  /* Listener verwendet den Listener, um Änderungen des Benutzernamens zu überwachen. Wenn sich der Benutzername ändert (zur Überprüfung die Hintergrundschnittstelle aufrufen)
  Passen Sie die Eingabeaufforderungsinformationen entsprechend den Überprüfungsergebnissen an*/
  var vm = neuer Vue({
   el: "#app",
   Daten: {
    Name: '',
    Tipp: ''
   },
   Methoden: {
    checkName: Funktion (uname) {
     //Rufen Sie die Schnittstelle auf, aber Sie können die geplante Aufgabe verwenden, um den Schnittstellenaufruf zu simulieren var that = this;
     setzeTimeout(Funktion () {
      // Schnittstellenaufruf simulieren if (uname == 'admin') {
       that.tip = 'Der Benutzername existiert bereits, bitte ändern Sie ihn'
      } anders {
       that.tip = 'Benutzername kann verwendet werden'
      }
     }, 1000)
    }
   },
   betrachten:
    uname: Funktion (Wert) {
     //Rufen Sie die Backend-Schnittstelle auf, um die Legitimität des Benutzernamens zu überprüfen. this.checkName(val);
     this.tip = „Überprüfe …“
    }
   },

  });
</Skript>