1

我尝试在我的登录屏幕上禁用对我的密码输入字段的提醒。这是我的输入字段`

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

我试过 autocomplete=off 但没有用，有什么建议吗？

4

5 回答 5

5

试试这个： vue-disable-autocomplete

如何使用

import DisableAutocomplete from 'vue-disable-autocomplete';

Vue.use(DisableAutocomplete);

HTML 属性 

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

于 2020-09-09T13:37:21.753 回答
3

你只需要输入 autocomplete 参数：nope

<input
  type="text"
  v-model="name"
  autocomplete="nope"/>
于 2021-01-19T17:37:06.787 回答
2

根据 stackoverflow Disabling Chrome Autofill上的类似问题

自2020 年 9 月起： autocomplete="chrome-off"禁用 Chrome 自动填充功能。

于 2021-07-12T10:36:42.253 回答
1

首先，你必须安装

npm install --save vue-disable-autocomplete

导入这个

从“@aacassandra/vue-disable-autocomplete”导入 DisableAutocomplete；Vue.use（禁用自动完成）；

用于输入...

对于形式...

于 2021-02-11T10:05:50.703 回答
0

我知道这个主题很旧，但似乎每次更新 Chrome 后，问题都会再次出现。我尝试了几种方法，包括autocomplete="nope"和this.$refs.inputHoweverName.$el.setAttribute('autocomplete', 'nope');

最近在 Chrome 版本 87.0.4280.88 中，我无需安装任何插件、使用本机 javascript 的唯一方法是创建一个动态 id：

标记示例

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

方法示例

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

我不知道这是否是最优雅和最有效的方式，但对我来说它解决了，而且在很多方面就足够了。

于 2020-12-22T15:35:53.740 回答