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

原创于 2021-10-23 18:02:48 发布 · 1.3k 阅读

CC 4.0 BY-SA版权

文章标签：

16 篇文章

订阅专栏

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

前言

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

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

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

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