Vue学习-Form表单处理账号密码自动填充

Java_Scholar0

于 2021-10-23 18:02:48 发布

阅读量1.2k

点赞数 1

CC 4.0 BY-SA版权

分类专栏： Vue 文章标签： vue.js

本文链接：https://blog.youkuaiyun.com/Java_Scholar0/article/details/120923912

16 篇文章

订阅专栏

本文介绍了在Vue中如何处理浏览器自动填充账号密码的问题，通过在Input组件中添加`autocomplete=new-password`属性，可以避免Chrome等浏览器默认填充保存的账号密码，从而确保用户表单的正常显示和使用。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

前言

处理Form表单账号密码自动填充(实则为密码自动填充导致账号也进行填充)

操作用户表单时会默认填充浏览器(Chrome)保存的账号密码。
在这里插入图片描述

Input组件中添加 autocomplete=“new-password”

<Input
  type="password"
  password
  :placeholder="placeholder"
  :disabled="disabled"
  :readonly="readonly"
  autocomplete="new-password"
/>