如何使用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属性）

遇到问题的情况如下图：

解决办法：（此方法治标不治本，可以实现上述问题解决的效果）