1

ım tryign to disable reminder of my password input field at my login screen. Here is my input field` 

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

I tried autocomplete=off but it didnt work, any suggestion?`

Murat Can Kağıtcı
  • 11
  • 1
  • 2
  • Does this answer your question? [Disabling Chrome Autofill](https://stackoverflow.com/questions/15738259/disabling-chrome-autofill) – Radu Diță Apr 17 '20 at 08:04
  • check this thread https://stackoverflow.com/questions/15738259/disabling-chrome-autofill – Radu Diță Apr 17 '20 at 08:05
  • Actually now ı can disable autofill my username input area with autocomplete="new-password" but when my input area type="password" it doesnt work as well, ı need disable autofill password input area as well – Murat Can Kağıtcı Apr 17 '20 at 08:35
  • 1
    I think you need to read the whole page, as there is a lot of discussion about how to disable autofill in chrome, and a link to a chrome issue that details reasons why people need to disable autofill, so that the issue can properly be resolved. That is to say, there is no guaranteed way to disable autofill at the moment. – Matt Ellen Apr 17 '20 at 10:09

4 Answers4

1

try this: vue-disable-autocomplete

How to use

import DisableAutocomplete from 'vue-disable-autocomplete';

Vue.use(DisableAutocomplete);

HTML attribute 

<input type="email" name="email" autocomplete="off">
Wendel086
  • 21
  • 4
1

You only need to put in the autocomplete parameter: nope

<input
  type="text"
  v-model="name"
  autocomplete="nope"/>
daniel ponce
  • 27
  • 3
0

I know the subject is old, but it seems that with each update of Chrome, the problem comes back. I tried in several ways, including autocomplete="nope" and this.$refs.inputHoweverName.$el.setAttribute('autocomplete', 'nope');

Recently in Chrome version 87.0.4280.88, the only way I could, without having to install any plugin, using native javascript, was to create a dynamic id:

markup example

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

method example

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

I do not know if it is the most elegant and efficient way, but for me it solved and that in many is enough.

Magno Alberto
  • 527
  • 8
  • 22
0

First, you have to install

npm install --save vue-disable-autocomplete

import this one

import DisableAutocomplete from '@aacassandra/vue-disable-autocomplete'; Vue.use(DisableAutocomplete);

for input...

for form...

Sedhuraja
  • 575
  • 1
  • 7
  • 29
hansi blog
  • 1