如何使用el-input组件去除浏览器自动填充账号密码

一.仅禁止input的type="password"时浏览器保存的密码自动填充现象

1.使用element中el-input自带的属性auto-complete(版本二可用),但是值不能按照官网而要改成new-password。

2.使用el-input组件的只读属性(是否)readonly,开始要input框为只读,readonly = "true"。

3.注册聚焦事件focus,控制readonly的属性值(true,false)。

具体代码如下:

组件上的代码如图:

事件代码如下:(在data()中定义readonlyFlag=true)

二.在input的type="password"时,取消掉浏览器保存密码框弹出(不弹出则第一条问题自然就就解决了,缺点是没办法使用show-password属性)

遇到问题的情况如下图:

解决办法:(此方法治标不治本,可以实现上述问题解决的效果) 

猜你喜欢

转载自blog.csdn.net/weixin_44191318/article/details/125386427