Forms 如何使用v-form禁用自动完成

Forms 如何使用v-form禁用自动完成,forms,autocomplete,vuetify.js,Forms,Autocomplete,Vuetify.js,我想在我的v-form中禁用chrome autocomplete。我该怎么做?我在v型表单上没有看到自动完成属性 https://next.vuetifyjs.com/en/api/v-form/ 而它是普通html表单上的属性 https://www.w3schools.com/tags/att_form_autocomplete.asp 通过在v-text-field上设置autocomplete=“username”和autocomplete=“new password”,您实际上可

我想在我的v-form中禁用chrome autocomplete。我该怎么做?我在v型表单上没有看到自动完成属性

https://next.vuetifyjs.com/en/api/v-form/
而它是普通html表单上的属性

https://www.w3schools.com/tags/att_form_autocomplete.asp

通过在v-text-field上设置
autocomplete=“username”
autocomplete=“new password”
,您实际上可以在chrome中关闭自动完成功能

下面是一个对我有用的代码:

       <v-form lazy-validation ref="login" v-model="validForm" @submit.prevent="submit()">
            <v-text-field
              v-model="user.email"
              label="Email"
              autocomplete="username"
            />
            <v-text-field
              v-model="user.password"
              label="Password"
              type="password"
              autocomplete="new-password"
            />
            <v-btn type="submit" />
        </v-form>

编辑:在vuetify文档中,autocomplete未设置为道具,但如果您将某个内容传递给该组件中未定义为道具的组件,则该组件将接受该内容作为属性,您可以通过
$attrs
访问该内容

以下是vue开发工具中上述代码的结果:

下面是呈现的html:

只需添加:

autocomplete="false"

对于您的
或任何输入

我无法使用上述方法禁用自动填充,但将名称更改为随机字符串/数字有效

name:"Math.random()"

似乎不起作用。我在vuetify docs@MikeOttink上没有看到任何自动完成属性,我编辑了答案并上传了代码的结果图像,我希望它能帮助我谢谢你。。。只有这对我有用<代码>