Vue implements sample code to disable browser from remembering password function

data() {
 return {
   username: '',
    password: '',
  }
}

<el-input v-model="username" type="text" name="text" placeholder="account" autocomplete="off"><i slot="prefix" class="el-input_icon el-icon-user"></i></el-input>

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

<el-input v-model="username" type="text" name="text" placeholder="account" autocomplete="off"><i slot="prefix" class="el-input_icon el-icon-user"></i></el-input>

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

script
data() {
 return {
   username: '',
    password: '',
    pwdCover: '',
  }
},
method:
 login() {
   this.pwdCover = this.pwdCover.replace(/\S/g, '●');
    // Login request, restore pwdCover if failed
    this.pwdCover = this.password;
  },
  setPassword(val) {
   this.password = val;
  }
}

<el-form-item>
 <el-input v-model="username" type="text" name="text" placeholder="account" autocomplete="off"><i slot="prefix" class="el-input_icon el-icon-user"></i></el-input>
</el-form-item>
<el-form-item>
 <el-input v-model="pwdCover" type="text" name="pwd" id="pwd" placeholder="Password" autocomplete="off" @input="setPassword"><i slot="prefix" class="el-icon-lock"></i></el-input>
</el-form-item>

setPassword(val) {
  let reg = /[0-9a-zA-Z]/g; // Only letters and numbers are allowedlet nDot = /[^●]/g; // Non-dot characterslet index = -1; // Newly entered character positionlet lastChar = void 0; // Newly entered characterlet realArr = this.password.split(''); // Real password arraylet coverArr = val.split(''); // Text box displays password arraylet coverLen = val.length; // Text box string lengthlet realLen = this.password.length; // Real password length// Find the newly entered characters and positionscoverArr.forEach((el, idx) => {
    if(nDot.test(el)) {
      index = idx;
      lastChar = el;
    }
  });
  // Check if the input character meets the specification. If not, remove the character if(lastChar && !reg.test(lastChar)) {
    coverArr.splice(index, 1);
    this.pwdCover = coverArr.join('');
    return;
  }
  if (realLen < coverLen) {
    // Add new characters realArr.splice(index, 0, lastChar);
  } else if (coverLen <= realLen && index !== -1) {
    // Replace characters (select one or more characters to replace directly)
    realArr.splice(index, realLen - (coverLen - 1), lastChar);
  } else {
    // Delete characters. Because val is all ●, there is no way to match. I don't know whether the characters are deleted from the end or the middle. It is difficult to handle password after deleting several characters. So we can judge by the cursor position and the length of val. let pos = document.getElementById('pwd').selectionEnd; // Get the cursor position realArr.splice(pos, realLen - coverLen);
  }
  // Replace pwdCover with
  this.pwdCover = val.replace(/\S/g, '●');
  this.password = realArr.join('');
},