google-chrome - Vuetify：禁用 chrome 中的自动完成功能

Question

发布此问题/答案是为了让那些使用 Vuetify 并在 Chrome 中遇到自动完成问题的人更好地了解。我已经看到了很多关于这个主题的答案。我的解决方案涉及生成随机name属性。请参阅下面的答案。

标签： google-chromeautocompletevuetify.js

Answer 1

这是适合我的解决方案。

我正在name使用方法生成一个随机属性uuid v4。如果您依赖名称来获取传统表单数据，那么显然这可能不适合您，除非您保留名称映射 -> v4 输出。下面这个例子是针对我的信用卡表单的，但我也在我的登录表单上实现了它。

import { v4 } from 'uuid'

<v-text-field
    v-model="card"
    class="card-input"
    outlined
    :name="v4()"
    label="Credit Card Number"
    :rules="creditCardNumberRules"
    v-mask="[' ####  ####  ####  ####', ' ####  ####  #####  ###']"
/>