Forms 如何使用v-form禁用自动完成
我想在我的v-form中禁用chrome autocomplete。我该怎么做?我在v型表单上没有看到自动完成属性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”,您实际上可
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上没有看到任何自动完成属性,我编辑了答案并上传了代码的结果图像,我希望它能帮助我谢谢你。。。只有这对我有用<代码>