Как отключить автоматическое сохранение всплывающего пароля в каждом браузере, используя Vuejs

Question

Буквально, я хочу отключить всплывающее окно сохранения пароля в браузере.
Во многих ответах говорилось, что используется автозаполнение. Но я думаю, что автозаполнение больше не работает.
Я хочу знать последние технические решения c для этой проблемы.
Не могли бы вы порекомендовать некоторые советы для этого? Большое вам спасибо за чтение.

Answer 1

это не то, что вы можете сделать в своем собственном коде, это поведение браузера. Вы можете достичь этого только путем изменения настроек браузера. отключить менеджер паролей браузера

Если вы хотите сделать это в своем коде, я думаю, что вы можете попробовать что-то вроде: не задавайте атрибуты элемента ввода name, id, type общее значение - не называйте их как password, email и т. Д. c, чтобы обмануть встроенную в браузер функцию сохранения пароля.

Answer 2

Вот как я это делаю

При отправке:

1. Сохранить пароль из поля ввода
2. Очистить поле ввода пароля
3. Установите для поля ввода значение type = "text"
4. для обработки отправки формы, используя AJAX

Это работает на 100% - но немного сложновато - хотя и достаточно просто

вот как вы могли бы справиться немного проще, чем я описал - учитывая, что вы не делаете никаких AJAX в своем логине

<form action="/login" method="post" name="loginform">
  <input type="text" name="username" />
  <input type="password" name="input_password" />
  <input type="hidden" name="password" />
  <input type="submit" value="login" />
</form>

document.forms.loginform.addEventListener('submit', function() {
  const {
    input_password,
    password
  } = this.elements;
  password.value = input_password.value;
  input_password.value = '';
  input_password.type = 'text';
});

Если ваш логин уже имеет некоторое значение AJAX, то Принципал такой же, но вам не нужно скрытое поле