Vue implementiert Beispielcode, um die Funktion zum Speichern von Passwörtern im Browser zu deaktivieren

Daten() {
 zurückkehren {
   Benutzername: '',
    Passwort: '',
  }
}

<el-input v-model="Benutzername" Typ="Text" Name="Text" Platzhalter="Konto" Autovervollständigung="aus"><i Slot="Präfix" Klasse="el-input_icon el-icon-Benutzer"></i></el-input>

<el-input v-model="Passwort" type="Passwort" name="pwd" id="pwd" placeholder="Passwort" autocomplete="neues-Passwort"></el-input>

<el-input v-model="Benutzername" Typ="Text" Name="Text" Platzhalter="Konto" Autovervollständigung="aus"><i Slot="Präfix" Klasse="el-input_icon el-icon-Benutzer"></i></el-input>

<el-input v-model="pwdCover" type="Passwort" name="pwd" id="pwd" placeholder="Passwort" autocomplete="neues-Passwort"@input="setPassword"></el-input>

Skript
Daten() {
 zurückkehren {
   Benutzername: '',
    Passwort: '',
    pwdCover: '',
  }
},
Verfahren:
 anmelden() {
   dies.pwdCover = dies.pwdCover.replace(/\S/g, '●');
    // Anmeldeanforderung, bei Fehlschlag pwdCover wiederherstellen
    dieses.pwdCover = dieses.Passwort;
  },
  setzePassword(Wert) {
   dieses.Passwort = Wert;
  }
}

<el-form-item>
 <el-input v-model="Benutzername" Typ="Text" Name="Text" Platzhalter="Konto" Autovervollständigung="aus"><i Slot="Präfix" Klasse="el-input_icon el-icon-Benutzer"></i></el-input>
</el-form-item>
<el-form-item>
 <el-input v-model="pwdCover" type="text" name="pwd" id="pwd" placeholder="Passwort" autocomplete="off" @input="setPassword"><i slot="prefix" class="el-icon-lock"></i></el-input>
</el-form-item>

setzePassword(Wert) {
  let reg = /[0-9a-zA-Z]/g; // Nur Buchstaben und Zahlen sind erlaubtlet nDot = /[^●]/g; // Zeichen, die keine Punkte sindlet index = -1; // Position des neu eingegebenen Zeichenslet lastChar = void 0; // Neu eingegebenes Zeichenlet realArr = this.password.split(''); // Array des echten Passwortslet coverArr = val.split(''); // Textfeld zeigt Array des Passworts anlet coverLen = val.length; // Stringlänge des Textfeldslet realLen = this.password.length; // Länge des echten Passworts// Suche die neu eingegebenen Zeichen und PositionencoverArr.forEach((el, idx) => {
    wenn(nDot.test(el)) {
      Index = idx;
      letztesZeichen = el;
    }
  });
  //Überprüfen Sie, ob das Eingabezeichen der Spezifikation entspricht. Wenn nicht, entfernen Sie das Zeichen if(lastChar && !reg.test(lastChar)) {
    coverArr.splice(index, 1);
    this.pwdCover = coverArr.join('');
    zurückkehren;
  }
  wenn (realeLen < coverLen) {
    // Neue Zeichen hinzufügen realArr.splice(index, 0, lastChar);
  } sonst wenn (coverLen <= realLen && index !== -1) {
    // Zeichen ersetzen (wählen Sie ein oder mehrere Zeichen zum direkten Ersetzen aus)
    realArr.splice(index, realLen - (coverLen - 1), letztes Zeichen);
  } anders {
    // Zeichen löschen. Da val nur ● ist, gibt es keine Möglichkeit zur Übereinstimmung. Ich weiß nicht, ob die Zeichen am Ende oder in der Mitte gelöscht werden. Nach dem Löschen mehrerer Zeichen ist das Passwort schwer zu handhaben. Wir können es also nach der Cursorposition und der Länge von val beurteilen. let pos = document.getElementById('pwd').selectionEnd; // Cursorposition abrufen realArr.splice(pos, realLen - coverLen);
  }
  // Ersetze pwdCover durch
  this.pwdCover = val.replace(/\S/g, '●');
  dieses.Passwort = realArr.join('');
},