Vue Google Chrome Password Autofill отключить

Ä ± m пытаюсь отключить напоминание о поле ввода пароля на моем экране входа в систему. Вот мое поле ввода`

<r-input
        type="text"
        id="login_username"
        width="95%"
        v-model="formJson.username"
        labelColor="white"
        @keyup.enter="handleLogin"
      ></r-input>

Я попробовал autocomplete=off, но это не сработало, есть предложения?`

6 ответов

Попробуйте это:https://www.npmjs.com/package/vue-disable-autocomplete

Как пользоваться

         import DisableAutocomplete from 'vue-disable-autocomplete';

Vue.use(DisableAutocomplete);

Атрибут HTML

         <input type="email" name="email" autocomplete="off">

Вам нужно только указать параметр автозаполнения: nope

      <input
  type="text"
  v-model="name"
  autocomplete="nope"/>

Согласно аналогичному вопросу здесь, в stackoverflowОтключение автозаполнения Chrome

С сентября 2020 г .: autocomplete="chrome-off" отключает автозаполнение Chrome.

Сначала вам нужно установить

npm install --save vue-disable-autocomplete

импортировать это

импортировать DisableAutocomplete из '@aacassandra / vue-disable-autocomplete';Vue.use(DisableAutocomplete);

для ввода ...

для формы ...

Я знаю, что тема старая, но похоже, что с каждым обновлением Chrome проблема возвращается. Я пробовал несколькими способами, в том числе autocomplete="nope" а также this.$refs.inputHoweverName.$el.setAttribute('autocomplete', 'nope');

Недавно в Chrome версии 87.0.4280.88 единственный способ, которым я мог, без необходимости устанавливать какой-либо плагин, используя собственный javascript, заключался в создании динамического идентификатора:

пример разметки

<v-text-field :id="dynamicID()" ... </v-text-field>

пример метода

dynamicID() { return 'dynamicID-' + Math.floor(Math.random() * Date.now().toString()); },

Я не знаю, самый ли это элегантный и эффективный способ, но для меня он решен, и этого для многих достаточно.

autocomplete="off" будет игнорироваться большинством браузеров. Вы можете передать туда строку, чтобы помочь браузеру найти правильное автозаполнение. Пример: autocomplete="email" Чтобы отключить его, передайте что-то, что браузер не поймет. Пример: autocomplete="shut-up-google" отключит автозаполнение.

Другие вопросы по тегам